DocumentazioneGuida di riferimento per i visualizzatori di Dynamic Medie

Visualizzatore a comparsa flyoutviewer

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Argomenti:

Creato per:

  • Sviluppatore
  • Utente

Riferimento API di JavaScript per il visualizzatore zoom in linea.

FlyoutViewer([config])

Costruttore; crea un'istanza del Visualizzatore zoom in linea.

Parametri section-8bc3d1424c8444f193716fc8d9975765

configurazione

{Object} oggetto di configurazione JSON facoltativo, consente a tutte le impostazioni del visualizzatore di passare al costruttore ed evitare di chiamare i singoli metodi di impostazione. Contiene le seguenti proprietà:

  • ID contenitore - ID {String} del contenitore DOM (normalmente un DIV di ) in cui è inserito il visualizzatore. Non è necessario creare l’elemento contenitore nel momento in cui viene chiamato questo metodo. Tuttavia, il contenitore deve esistere quando viene eseguito init() . Obbligatorio.

  • parametri - {Object} oggetto JSON con parametri di configurazione del visualizzatore in cui il nome della proprietà è un'opzione di configurazione specifica del visualizzatore o un modificatore SDK e il valore di tale proprietà è un valore di impostazioni corrispondente. Obbligatorio.

  • gestori - {Object} oggetto JSON con callback di eventi visualizzatore, in cui il nome della proprietà è il nome dell'evento visualizzatore supportato e il valore della proprietà è un riferimento di funzione JavaScript a un callback appropriato. Facoltativo.

    Per ulteriori informazioni sugli eventi visualizzatore, vedere callback di eventi.

  • localizedTexts - { Oggetto } oggetto JSON con dati di localizzazione. Facoltativo.

    Per ulteriori informazioni, vedere Localizzazione degli elementi dell'interfaccia utente.

    Per ulteriori informazioni sul contenuto dell'oggetto, vedere la Guida utente di Viewer SDK e l'esempio.

Restituisce section-1d3cf85bc7cc4dfe9670e038d02b9101

Nessuno.

Esempio 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