Visualizzatore carosello

Riferimento API JavaScript per il visualizzatore Carosello.

CarouselViewer([config])

Crea un'istanza HTML 5 Carosello Viewer.

Parametri

config

{object} oggetto di configurazione JSON opzionale, consente a tutte le impostazioni del visualizzatore di passare al costruttore per 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. Quando si chiama questo metodo, non è necessario che l'elemento contenitore sia creato. Tuttavia, il contenitore deve esistere quando viene eseguito init() .

    Obbligatorio.

  • params - Oggetto {Object} 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, dove il nome della proprietà è il nome dell'evento del visualizzatore supportato e il valore della proprietà è un riferimento alla funzione JavaScript per il callback appropriato.

    Facoltativo.

    Per ulteriori informazioni sugli eventi del visualizzatore, consulta callback di eventi .

  • localizedText - {Object}

    Oggetto JSON con dati di localizzazione. Per ulteriori informazioni sul contenuto dell’oggetto, consulta Localizzazione degli elementi dell’interfaccia utente e l’esempio .

    Facoltativo

Restituisce

Nessuno.

Esempio

var carouselViewer = new s7viewers.CarouselViewer({ 
 "containerId":"s7viewer", 
"params":{ 
 "asset":"/content/dam/dm-public-facing-live-demo-page/04_shoppable_carousel/05_shoppable_banner", 
 "serverurl":"https://adobedemo62-h.assetsadobe.com/is/image" 
}, 
"handlers":{ 
 "initComplete":function() { 
  console.log("init complete"); 
} 
}, 
"localizedTexts":{ 
"en":{ 
"PanLeftButton.TOOLTIP":"Left" 
}, 
"fr":{ 
"PanLeftButton.TOOLTIP":"Gauchiste" 
}, 
defaultLocale:"en" 
} 
});

In questa pagina