FlyoutViewer

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

FlyoutViewer([config])

Konstruktor erstellt eine neue Flyout-Viewer-Instanz.

Parameter

config

Das optionale JSON-Konfigurationsobjekt {Object} ermöglicht es, alle Viewer-Einstellungen an den Konstruktor zu übergeben, sodass keine einzelnen Setter-Methoden aufgerufen werden. Enthält die folgenden Eigenschaften:

  • containerId - {String} ID des DOM-Containers (normalerweise ein DIV), in den der Viewer eingefügt wird. Es ist nicht erforderlich, dass das Container-Element 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, wobei der Eigenschaftsname entweder eine Viewer-spezifische Konfigurationsoption oder ein SDK-Modifikator ist und der Wert dieser Eigenschaft ein entsprechender Einstellungswert 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.

    Weitere Informationen zu Viewer-Ereignissen finden Sie unter Ereignis-Rückrufe .

  • lokalisiertenTexten - { Object } JSON-Objekt mit lokale Anpassungen-Daten. Optional.

    Weitere Informationen finden Sie unter Lokale Anpassung der Benutzeroberflächenelemente .

    Weitere Informationen zum Inhalt des Objekts finden Sie im Viewer-SDK-Benutzerhandbuch und im Beispiel. Optional.

Gibt zurück

Keine.

Beispiel

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" 
} 
});

Auf dieser Seite