Verknüpfen von Zoom-Viewern mit Webseiten

Ihre Websites und Anwendungen greifen mithilfe von URL-Zeichenfolgen oder eingebettetem Code auf den Inhalt von Scene7-Image-Servern, einschließlich Masterbildern und zugeordneten Zoomzielen, sowie auf Zoom-Viewer-Vorgaben zu. Diese URL-Zeichenfolgen werden während des Veröffentlichungsvorgangs aktiviert. Sie können die URL-Zeichenfolgen oder den Einbettungscode im Scene7 Publishing System kopieren und in Ihre Webseiten und Anwendungen einfügen.

Wichtig: Diese URL wird erst dann aktiv, wenn Sie das Asset veröffentlichen.

Kopieren der URL eines Zoom-Viewers

  1. Navigieren Sie auf der linken Seite der Asset-Bibliothek zu dem Asset-Ordner, der den Zoom-Viewer enthält, dessen URL Sie kopieren möchten.

  2. Führen Sie über dem Bedienfeld zum Durchsuchen von Assets auf der rechten Seite der Symbolleiste einen der folgenden Schritte aus:
    • Klicken Sie auf „ Rasteransicht “ oder „ Listenansicht “. Doppelklicken Sie im Bedienfeld zum Durchsuchen von Assets auf ein einzelnes Asset, um es in der Detailansicht zu öffnen. Klicken Sie im URLs- und Code-einbetten-Bedienfeld auf der rechten Seite rechts neben dem gewünschten Viewer auf „ URL kopieren “.

    • Klicken Sie auf „ Rasteransicht “. Wählen Sie im Bedienfeld zum Durchsuchen von Assets ein einzelnes Asset aus und klicken Sie anschließend unterhalb des Miniaturbilds auf „ Vorschau “ > „ Viewer-Liste “.

      Klicken Sie auf der Seite „Viewer-Liste“ in der Spalte „Aktionen“ der Tabelle auf „ URL kopieren “.

    • Klicken Sie auf „ Listenansicht “. Wählen Sie im Bedienfeld zum Durchsuchen von Assets ein einzelnes Asset aus und klicken Sie dann rechts neben dem Miniaturbild auf „ Vorschau “ > „ Viewer-Liste “.

      Klicken Sie auf der Seite „Viewer-Liste“ in der Spalte „Aktionen“ der Tabelle auf „ URL kopieren “.

    • Klicken Sie auf „ Rasteransicht “, „ Listenansicht “ oder „ Detailansicht “. Klicken Sie in der gleichen Symbolleiste auf „ Vorschau “ > „ Viewer-Liste “.

      Klicken Sie auf der Seite „Viewer-Liste“ in der Spalte „Aktionen“ der Tabelle auf „ URL kopieren “.

Hinzufügen von Zoom-Viewer-URLs zu einer Webseite

Normalerweise klicken Besucher einer Website zum Zoomen von Bildern zunächst auf ein Zoomsymbol (häufig wird als Symbol eine Lupe verwendet). Über diese Symbolschaltfläche wird eine dynamische Website (ASP oder JSP) aufgerufen und das Bild in einem Popup-Fenster angezeigt. In diesem Popup-Fenster können die Website-Besucher das Bild dann tatsächlich heranzoomen.

Mit dem folgenden Code kann beispielsweise ein Popup-Fenster zum Zoomen geöffnet werden:

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

Dabei ist zu beachten, dass die Verknüpfung eine JavaScript-Funktion mit dem Namen zoom_window() aufruft. Die Funktion zoom_window() wird über dem Tag </HEAD> in den HTML-Code der Website eingefügt.

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

Zu beachten ist außerdem, dass die URL des Popup-Fensters eine Scene7-URL-Zeichenfolge ist ( http://s7d4.scene7.com/s7ondemand/zoom/flasht_zoom.jsp ). Mit dieser URL wird das Popup-Fenster (eine JSP-Seite) zum Zoomen aufgerufen, das den Flash-Zoom-Viewer und das Masterbild enthält. Die JSP-Seite, der Zoom-Viewer und das Masterbild sind alle auf Scene7-Servern gespeichert. Ersetzen Sie die Scene7-URL im Code durch Ihre eigene Zoom-URL-Zeichenfolge.

Beachten Sie, dass die URL einen SKU-Parameter enthält ( &sku=Backpack1 ). Die Zeichenfolge nach &sku= lautet Backpack1 . Die Verknüpfung des Popup-Fensters für die Zoomfunktion eines jeden Produkts enthält einen anderen SKU-Produktparameter, über den die Scene7-JSP-Seite ermittelt, welches Produktbild angezeigt werden soll.

Der Benutzer wählt auf der Produktdetailseite, die im Anzeigebereich angezeigt wird, die Zoomfunktionsverknüpfung aus.

Kopieren von Einbettungscode eines Zoom-Viewers

Mithilfe der Einbettungscode-Funktion können Sie den Viewer-Code für den ausgewählten Zoom-Viewer überprüfen. Sie können den Code auch in die Zwischenablage kopieren, damit Sie ihn in Webseiten für die Bereitstellung des Viewers einfügen können. Die Bearbeitung von Code im Dialogfeld „Code einbetten“ ist nicht zulässig.

So kopieren Sie den Einbettungscode eines Zoom-Viewers

  1. Navigieren Sie auf der linken Seite der Asset-Bibliothek zu dem Asset-Ordner, der den Zoom-Viewer enthält, dessen Einbettungscode Sie kopieren möchten.

  2. Führen Sie über dem Bedienfeld zum Durchsuchen von Assets auf der rechten Seite der Symbolleiste einen der folgenden Schritte aus:
    • Klicken Sie auf „ Rasteransicht “. Doppelklicken Sie im Bedienfeld zum Durchsuchen von Assets auf ein einzelnes Asset, um es in der Detailansicht zu öffnen. Klicken Sie im URLs- und Code-einbetten-Bedienfeld auf der rechten Seite rechts neben dem gewünschten Viewer auf „ Code einbetten “.

    • Klicken Sie auf „ Rasteransicht “. Wählen Sie im Bedienfeld zum Durchsuchen von Assets ein einzelnes Asset aus und klicken Sie anschließend unterhalb des Miniaturbilds auf „ Vorschau “ > „ Viewer-Liste “.

      Klicken Sie auf der Seite „Viewer-Liste“ in der Spalte „Aktionen“ der Tabelle auf „ Code einbetten “.

    • Klicken Sie auf „ Listenansicht “. Wählen Sie im Bedienfeld zum Durchsuchen von Assets ein einzelnes Asset aus und klicken Sie dann rechts neben dem Miniaturbild auf „ Vorschau “ > „ Viewer-Liste “.

      Klicken Sie auf der Seite „Viewer-Liste“ in der Spalte „Aktionen“ der Tabelle auf „ Code einbetten “.

    • Klicken Sie auf „ Rasteransicht “, „ Listenansicht “ oder „ Detailansicht “. Klicken Sie in der gleichen Symbolleiste auf „ Vorschau “ > „ Viewer-Liste “.

      Klicken Sie auf der Seite „Viewer-Liste“ in der Spalte „Aktionen“ der Tabelle auf „ Code einbetten “.

  3. Klicken Sie im Dialogfeld „Code einbetten“ auf „ In Zwischenablage kopieren “.

    Die Bearbeitung von Code im Dialogfeld „Code einbetten“ ist nicht zulässig.

  4. Klicken Sie auf „Schließen“.