Visualizzatore a comparsa
Riferimento API JavaScript per visualizzatore zoom in linea.
FlyoutViewer([config])
Costrutore; crea un’istanza Inline Zoom Viewer.
Parametri
config |
{Object} oggetto di configurazione JSON facoltativo, consente a tutte le impostazioni del visualizzatore di passare al costruttore ed evitare di chiamare i singoli metodi del setter. Contiene le seguenti proprietà:
- containerId - {String} ID del contenitore DOM (in genere un DIV ) in cui viene inserito il visualizzatore. Non è necessario che l'elemento contenitore venga creato al momento della chiamata di questo metodo. Tuttavia, il contenitore deve esistere quando init() viene eseguito. Obbligatorio.
- params - {Object} Oggetto JSON con parametri di configurazione del visualizzatore in cui il nome della proprietà è un’opzione di configurazione specifica per il 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 del visualizzatore, in cui il nome della proprietà è il nome dell’evento del visualizzatore supportato e il valore della proprietà è un riferimento a una funzione JavaScript per un callback appropriato. Facoltativo.
Vedi Callback degli eventi per ulteriori informazioni sugli eventi del visualizzatore.
-
localizedText - { Oggetto } Oggetto JSON con dati di localizzazione. Facoltativo. Vedi Localizzazione degli elementi dell’interfaccia utente per ulteriori informazioni. Consulta la sezione Guida utente dell’SDK per visualizzatori e nell'esempio per ulteriori informazioni sul contenuto dell'oggetto.
|
Restituisce
Nessuno.
Esempio
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"
}
});