FlyoutViewer flyoutviewer

JavaScript-API-Referenz für Flyout-Viewer.

FlyoutViewer([config])

Konstruktor; erstellt eine Flyout-Viewer-Instanz.

Parameter section-8bc3d1424c8444f193716fc8d9975765

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ückrufefür weitere Informationen zu Viewer-Ereignissen.

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

    Siehe Lokalisierung der Elemente der Benutzeroberflächefür weitere Informationen.

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

Rückgabe section-1d3cf85bc7cc4dfe9670e038d02b9101

Keine.

Beispiel section-9e9332aa86b74a5fb321375c03fdc5b3

var flyoutViewer = new s7viewers.FlyoutViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"Scene7SharedAssets/ImageSet-Views-Sample",
 "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"
}
});
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8