DocumentatieNaslaggids voor dynamische mediasviewers

ZoomViewer zoomviewer

Last update: Fri Aug 15 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Ontwikkelaar
  • Gebruiker

JavaScript API-referentie voor Zoom Viewer.

ZoomViewer([config])

Constructor, maakt een zoomviewerinstantie.

Parameters section-4fb77a645fdd45b3aaa5079c31e3bb05

config

{object} optioneel JSON-configuratieobject, stelt alle viewerinstellingen in staat aan de constructor door te geven om te voorkomen dat afzonderlijke settermethoden worden aangeroepen. Bevat de volgende eigenschappen:

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

  • params - {Object} JSON-object met viewerconfiguratieparameters waarbij de naam van de eigenschap viewer-specifieke configuratieoptie of SDK-modifier is en de waarde van die eigenschap een overeenkomende instellingswaarde is. Vereist.

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

    Zie Gebeurteniscallbacksvoor meer informatie over viewergebeurtenissen.

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

    Zie Lokalisatie van gebruikersinterface-elementenvoor meer informatie.

    Zie ook {de Gids van de Gebruiker van SDK van 0} Kijker en het voorbeeld voor meer informatie over de inhoud van de objecten.

Retourneert section-1d3cf85bc7cc4dfe9670e038d02b9101

Geen.

Voorbeeld section-9e9332aa86b74a5fb321375c03fdc5b3

var zoomViewer = new s7viewers.ZoomViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"Scene7SharedAssets/ImageSet-Views-Sample",
 "serverurl":"http://s7d1.scene7.com/is/image/"
},
"handlers":{
 "initComplete":function() {
  console.log("init complete");
}
},
"localizedTexts":{
"en":{
"CloseButton.TOOLTIP":"Close"
},
"fr":{
"CloseButton.TOOLTIP":"Fermer"
},
defaultLocale:"en"
}
});
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8