Liaison d’une visionneuse d’images à une page Web

1. Dans la liste déroulante Afficher du panneau de navigation des fichiers, cliquez sur Visionneuse d’images

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

3. 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 le mode Affichage des détails. Dans le panneau des URL et du code incorporé sur la droite, cliquez sur Copier l’URL à 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 Copier l’URL .

   • 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 Copier l’URL .

   • 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 .

La méthode la plus courante pour déployer les visionneuses d’images consiste à insérer un lien (par le biais d’une icône de navigation) dans votre page Web. Lorsque vous cliquez dessus, le lien lance une page dynamique (ASP ou JSP) affichant la visionneuse d’images dans une fenêtre de zoom contextuelle. Le lien de zoom affiche une fenêtre contextuelle contenant l’affichage agrandi proprement dit. Voici un exemple de code :

<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>

L’appel d’URL suivant vers la plate-forme Scene7 respecte le même protocole que toutes les visionneuses de zoom, à l’exception du paramètre SKU qui est maintenant le nom de la visionneuse d’images.

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

Dans l’URL ci-dessus, notez le numéro SKU ( sku=sweater_1_set ). La chaîne après sku= correspond au nom de la visionneuse d’images ( sweater_1_set ). L’utilisateur clique sur le lien de la fonction de zoom qui déclenche l’affichage d’une fenêtre.

L’utilisation de la fonction Code incorporé permet de vérifier le code de la visionneuse d’images 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 d’images

1. Dans la liste déroulante Afficher du panneau de navigation des fichiers, cliquez sur Visionneuse d’images .

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

3. 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 le mode Affichage des détails. Dans le panneau des URL sur la droite, cliquez sur Code incorporé .

   • 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é .

4. 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é.

5. Cliquez sur Fermer.