FlyoutViewer flyoutviewer

JavaScript API-referentie voor Flyout Viewer.

FlyoutViewer([config])

Constructor; maakt een Flyout Viewer-instantie.

Parameters section-8bc3d1424c8444f193716fc8d9975765

config

{Object} Met het optionele JSON-configuratieobject kunnen alle viewerinstellingen worden doorgegeven aan de constructor en wordt het aanroepen van afzonderlijke settermethoden vermeden. Bevat de volgende eigenschappen:

  • containerId - {String} ID van de DOM-container (gewoonlijk een DIV ) waarin de viewer wordt ingevoegd. Het is niet nodig om het containerelement te hebben dat tegen de tijd wordt gecreeerd deze methode wordt geroepen. De container moet echter bestaan wanneer init() wordt uitgevoerd. Vereist.

  • param - {Object} JSON-object met configuratieparameters voor de viewer waarbij de naam van de eigenschap een viewer-specifieke configuratieoptie of een SDK-modifier is en de waarde van die eigenschap een corresponderende instellingswaarde is. Vereist.

  • handlers - {Object} JSON-object met callbacks voor viewergebeurtenissen, waarbij de naam van de eigenschap de naam van de ondersteunde viewergebeurtenis is en de waarde van de eigenschap een JavaScript-functieverwijzing naar een geschikte callback is. Optioneel.

    Zie Gebeurteniscallbacksvoor meer informatie over viewergebeurtenissen.

  • localizedText - { Object } JSON-object met lokalisatiegegevens. Optioneel.

    Zie Lokalisatie van gebruikersinterface-elementenvoor meer informatie .

    Zie de Gebruikershandleiding van de viewer-SDK en het voorbeeld voor meer informatie over de inhoud van het object. Optioneel.

Retourneert section-1d3cf85bc7cc4dfe9670e038d02b9101

Geen.

Voorbeeld 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