FlyoutViewer

JavaScript-API-Referenz für Inline-Zoom-Viewer.

FlyoutViewer([config])

Konstruktor; erstellt eine Inline-Zoom-Viewer-Instanz.

Parameter

config

{Object} optionales JSON-Konfigurationsobjekt ermöglicht es allen Viewer-Einstellungen, an den Konstruktor zu übergeben, und verhindert, dass einzelne Setter-Methoden aufgerufen werden. Enthält die folgenden Eigenschaften:

  • containerId - {String} Kennung des DOM-Containers (normalerweise eine DIV ), in den der Viewer eingefügt wird. Es ist nicht erforderlich, dass das Containerelement zum Zeitpunkt des Aufrufs dieser Methode erstellt wird. Der Container muss jedoch vorhanden sein, wenn init() ausgeführt wird. Erforderlich.
  • params - {Object} JSON-Objekt mit Viewer-Konfigurationsparametern, bei denen der Eigenschaftsname entweder eine Viewer-spezifische Konfigurationsoption oder ein SDK-Modifikator ist und der Wert dieser Eigenschaft ein entsprechender settings-Wert ist. Erforderlich.
  • Handler - {Object} JSON-Objekt mit Viewer-Ereignis-Rückrufen, wobei der Eigenschaftsname der Name des unterstützten Viewer-Ereignisses ist und der Eigenschaftswert eine JavaScript-Funktionsreferenz zu einem entsprechenden Rückruf ist. Optional.

    Siehe Ereignisrückrufe für weitere Informationen zu Viewer-Ereignissen.

  • localizedTexte - { Objekt } JSON-Objekt mit Lokalisierungsdaten. Optional.

    Siehe Lokalisierung der Elemente der Benutzeroberfläche für weitere Informationen.

    Siehe Benutzerhandbuch zum Viewer-SDK und das Beispiel für weitere Informationen zum Inhalt des Objekts.

Rückgabe

Keine.

Beispiel

var inlineZoomViewer = new s7viewers.FlyoutViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"Scene7SharedAssets/ImageSet-Views-Sample",
"config" : "Scene7SharedAssets/Universal_HTML5_Zoom_Inline",
"contenturl" : "http://s7d1.scene7.com/is/content/",
 "serverurl":"http://s7d1.scene7.com/is/image/"
},
"handlers":{
 "initComplete":function() {
  console.log("init complete");
}
},
"localizedTexts":{
"en":{
"FlyoutZoomView.TIP_BUBBLE_OVER":"Mouse over to zoom"
},
"fr":{
"FlyoutZoomView.TIP_BUBBLE_OVER":"Passez la souris sur pour zoomer"
},
defaultLocale:"en"
}
});

Auf dieser Seite