Vinculación de un conjunto de imágenes a una página web

1. En la lista desplegable Mostrar del panel de exploración de recursos, haga clic en Conjunto de imágenes .

2. En el panel Biblioteca de recursos del lado izquierdo, navegue a la carpeta de recursos que contenga el conjunto de imágenes cuyo código incrustado desee copiar.

3. Encima del panel de exploración de recursos, en la parte derecha de la barra de herramientas, realice una de las siguientes acciones:

   • Haga clic en Vista de cuadrícula . En el panel de exploración de recursos, haga doble clic en un único recurso para abrirlo en la vista de detalles. En el panel de URL y código incrustado de la derecha, haga clic en Copiar URL a la derecha del visor que desee.

   • Haga clic en Vista de cuadrícula . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor debajo de la imagen en miniatura.

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Copiar URL .

   • Haga clic en Vista de lista . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor a la derecha de la imagen en miniatura.

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Copiar URL .

   • Haga clic en Vista de cuadrícula , Vista de lista o Vista de detalles . En la misma barra de herramientas, haga clic en Vista previa > Lista del visor .

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Copiar URL .

La manera más común de distribuir conjuntos de imágenes consiste en colocar un vínculo (por medio de un icono de navegación) en la página web. Si se selecciona este icono, se inicia una página web dinámica (ASP o JSP) que muestra el conjunto de imágenes en una ventana emergente con zoom. El vínculo de zoom abre una ventana emergente que contiene la función de zoom. A continuación encontrará un ejemplo del código:

<script language="javascript"> 
<!-- 
function zoom_window() { 
window.open("http://sample.scene7.com/s7ondemand/zoom/flasht_zoom.jsp?company=S7Web&sku=sweater_1_set","", 
"toolbar=no,location=no,directories=no,"+ 
"status=no,menubar=no,scrollbars=yes"+ 
"resizable=yes,width=500,height=450,top=0,left=0,right=0,bottom=0") 
} 
--> 
</script>

La siguiente llamada mediante URL a la plataforma de Scene7 sigue el mismo protocolo que los visores de zoom, con la excepción de que el parámetro SKU es ahora el nombre del conjunto de imágenes.

http://sample.scene7.com/s7ondemand/zoom/flasht_zoom.jsp?company=S7Web&sku=sweater_1_set

En la URL que hay más arriba, fíjese en que hay un número de SKU ( sku=sweater_1_set ). La cadena que sigue a sku= es el nombre del conjunto de imágenes ( sweater_1_set ). El usuario hace clic en el vínculo de la función de zoom, el cual abre una nueva ventana.

El uso de la función de código incrustado permite revisar el código del visor del conjunto de imágenes seleccionado. También puede copiar el código en el portapapeles para pegarlo en sus páginas web para la implementación del visor. No se permite la edición del código en el cuadro de diálogo Código incrustado.

Para copiar el código incrustado de un visor de conjuntos de imágenes

1. En la lista desplegable Mostrar del panel de exploración de recursos, haga clic en Conjunto de imágenes .

2. En el panel Biblioteca de recursos del lado izquierdo, navegue a la carpeta de recursos que contenga el conjunto de imágenes cuyo código incrustado desee copiar.

3. Encima del panel de exploración de recursos, en la parte derecha de la barra de herramientas, realice una de las siguientes acciones:

   • Haga clic en Vista de cuadrícula . En el panel de exploración de recursos, haga doble clic en un único recurso para abrirlo en la vista de detalles. En el panel Direcciones URL de la derecha, haga clic en Código incrustado .

   • Haga clic en Vista de cuadrícula . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor debajo de la imagen en miniatura.

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Código incrustado .

   • Haga clic en Vista de lista . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor a la derecha de la imagen en miniatura.

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Código incrustado .

   • Haga clic en Vista de cuadrícula , Vista de lista o Vista de detalles . En la misma barra de herramientas, haga clic en Vista previa > Lista del visor .

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Código incrustado .

4. En el cuadro de diálogo Código incrustado, haga clic en Copiar al portapapeles .

   No se permite la edición del código en el cuadro de diálogo Código incrustado.

5. Haga clic en Cerrar.