FlyoutViewer flyoutviewer

JavaScript API-referens för Inline Zoom Viewer.

FlyoutViewer([config])

Konstruktor; skapar en instans av Inline Zoom Viewer.

Parametrar section-8bc3d1424c8444f193716fc8d9975765

config

{Object} valfritt JSON-konfigurationsobjekt, tillåter att alla visningsprograminställningar skickar till konstruktorn och undviker att anropa enskilda set-metoder. Innehåller följande egenskaper:

  • containerId - {String} ID för DOM-behållaren (vanligtvis en DIV ) som visningsprogrammet infogas i. Det är inte nödvändigt att ha behållarelementet skapat när metoden anropas. Behållaren måste dock finnas när init() körs. Obligatoriskt.

  • parametrar - {Object} JSON-objekt med visarkonfigurationsparametrar där egenskapsnamnet antingen är ett visningsprogramspecifikt konfigurationsalternativ eller en SDK-modifierare, och värdet för den egenskapen är ett motsvarande inställningsvärde. Obligatoriskt.

  • hanterare - {Object} JSON-objekt med återanrop för visningsprogramhändelser, där egenskapsnamnet är namnet på den visningsprogramhändelse som stöds, och egenskapsvärdet är en JavaScript-funktionsreferens till ett lämpligt återanrop. Valfritt.

    Se Händelseåteranropför mer information om visningsprogramhändelser.

  • localizedTexter - { Objekt } JSON-objekt med lokaliseringsdata. Valfritt.

    Se Lokalisering av användargränssnittselementför mer information.

    Se Användarhandbok för Viewer SDK och exemplet innehåller mer information om objektets innehåll.

Returnerar section-1d3cf85bc7cc4dfe9670e038d02b9101

Ingen.

Exempel section-9e9332aa86b74a5fb321375c03fdc5b3

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"
}
});
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8