Liaison des visionneuses de zoom à vos pages Web

1. Dans le panneau Bibliothèque de fichiers sur la gauche, accédez au dossier Fichiers qui contient la visionneuse de zoom dont vous voulez copier le code incorporé.

2. Au-dessus du panneau de navigation des fichiers, sur le côté droit de la barre d’outils, exécutez l’une des opérations suivantes :

   • Cliquez sur Affichage de la grille ou Affichage par liste . Dans le panneau de navigation des fichiers, cliquez deux fois sur un fichier pour l’ouvrir dans Affichage des détails. Dans le panneau des URL et du code incorporé sur la droite, cliquez sur Copiez l’URL sur la droite de la visionneuse appropriée.

   • Cliquez sur Affichage de la grille . Dans le panneau de navigation des fichiers, sélectionnez un fichier, puis sous l’image miniature, cliquez sur Prévisualiser > Liste des visionneuses .

     Dans la page Liste des visionneuses, dans la colonne Actions du tableau, cliquez sur Code incorporé .

   • Cliquez sur Affichage par liste . Dans le panneau de navigation des fichiers, sélectionnez un fichier, puis à droite de l’image miniature, cliquez sur Prévisualiser > Liste des visionneuses .

     Dans la page Liste des visionneuses, dans la colonne Actions du tableau, cliquez sur Code incorporé .

   • Cliquez sur Affichage de la grille , Affichage par liste ou Affichage des détails . Dans la même barre d’outils, cliquez sur Prévisualiser > Liste des visionneuses .

     Dans la page Liste des visionneuses, dans la colonne Actions du tableau, cliquez sur Copier l’URL .

En règle générale, les visiteurs d’un site Web effectuent un zoom sur les images en sélectionnant en premier lieu une icône de zoom (souvent à l’image d’une loupe). La sélection de cette icône entraîne l’ouverture d’une page Web dynamique (ASP ou JSP) qui affiche l’image dans une fenêtre contextuelle. C’est dans cette fenêtre contextuelle que les visiteurs effectuent un zoom sur l’image.

Vous trouverez ci-après un exemple de code que votre personnel informatique peut créer pour ouvrir une fenêtre contextuelle de zoom :

<a href="javascript:zoom_window();"> 
<img src="http://www.scene7.com/images/buttons/zoomMag.gif" width="50" height="50" border="0" /></a>

Vous pouvez constater que le lien invoque une fonction JavaScript appelée zoom_window() . La fonction zoom_window() est placée au-dessus de la balise </HEAD> dans le code HTML de la page Web :

<script language="javascript"> 
<!-- 
function zoom_window() { 
window.open("http://s7d4.scene7.com/s7ondemand/zoom/flasht_zoom.jsp 
?company=S7Web&sku=Backpack1&zoomwidth=420&zoomheight=470& 
vc=skin=/is-viewers/flash/basicZoomSkin.swf","", "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>

L’URL de la fenêtre contextuelle est une URL Scene7 ( http://s7d4.scene7.com/s7ondemand/zoom/flasht_zoom.jsp ). Cette URL invoque la fenêtre contextuelle (une page JSP) contenant la visionneuse de zoom Flash et l’image originale. La page JSP, la visionneuse de zoom et l’image originale résident toutes sur les serveurs Scene7. Remplacez l’URL Scene7 par votre URL de zoom dans le code.

Observez la présence d’un paramètre SKU dans l’URL ( &sku=Backpack1 ). La chaîne Backpack1 figure à la suite du paramètre &sku= . Le lien contextuel de la fonction de zoom contient un SKU de produit différent, qui indique à la page JSP Scene7 l’image à afficher.

L’utilisateur sélectionne le lien de la fonction de zoom sur la page d’informations du produit qui ouvre l’écran.

La fonction Code incorporé permet de vérifier le code de la visionneuse de zoom sélectionnée. Vous pouvez aussi copier le code dans le Presse-papiers afin de le coller dans vos pages Web pour le déploiement de la visionneuse. Vous ne pouvez pas modifier le code dans la boîte de dialogue Code incorporé.

Copie du code incorporé d’une visionneuse de zoom

1. Dans le panneau Bibliothèque de fichiers sur la gauche, accédez au dossier Fichiers qui contient la visionneuse de zoom dont vous voulez copier le code incorporé.

2. Au-dessus du panneau de navigation des fichiers, sur le côté droit de la barre d’outils, exécutez l’une des opérations suivantes :

   • Cliquez sur Affichage de la grille . Dans le panneau de navigation des fichiers, cliquez deux fois sur un fichier pour l’ouvrir dans Affichage des détails. Dans le panneau des URL et du code incorporé sur la droite, cliquez sur Code incorporé sur la droite de la visionneuse appropriée.

   • Cliquez sur Affichage de la grille . Dans le panneau de navigation des fichiers, sélectionnez un fichier, puis sous l’image miniature, cliquez sur Prévisualiser > Liste des visionneuses .

     Dans la page Liste des visionneuses, dans la colonne Actions du tableau, cliquez sur Code incorporé .

   • Cliquez sur Affichage par liste . Dans le panneau de navigation des fichiers, sélectionnez un fichier, puis à droite de l’image miniature, cliquez sur Prévisualiser > Liste des visionneuses .

     Dans la page Liste des visionneuses, dans la colonne Actions du tableau, cliquez sur Code incorporé .

   • Cliquez sur Affichage de la grille , Affichage par liste ou Affichage des détails . Dans la même barre d’outils, cliquez sur Prévisualiser > Liste des visionneuses .

     Dans la page Liste des visionneuses, dans la colonne Actions du tableau, cliquez sur Code incorporé .

3. Dans la boîte de dialogue Code incorporé, cliquez sur Copier dans le Presse-papiers .

   Vous ne pouvez pas modifier le code dans la boîte de dialogue Code incorporé.

4. Cliquez sur Fermer.