Visualizzatore carosello

Riferimento API JavaScript per il visualizzatore Carosello.

CarouselViewer([config])

Crea un’istanza HTML 5 Carousel Viewer.

Parametri

config

{object} oggetto di configurazione JSON facoltativo, 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 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 alla funzione JavaScript per il callback appropriato.

    Facoltativo.

    Vedi Callback degli eventi per ulteriori informazioni sugli eventi del visualizzatore.

  • 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