CarouselViewer

Ultimo aggiornamento: 2023-05-22
  • Argomenti:
  • Dynamic Media Classic
    Visualizza ulteriori informazioni su questo argomento
  • Viewers
    Visualizza ulteriori informazioni su questo argomento
  • SDK/API
    Visualizza ulteriori informazioni su questo argomento
  • Carousel Banners
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • Developer
    User

Riferimento API JavaScript per il visualizzatore carosello.

CarouselViewer([config])

Costruttore, crea un’istanza del visualizzatore carosello HTML 5.

Parametri

config

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

  • containerId - {String} ID del contenitore DOM (normalmente un DIV ) in cui è inserito il visualizzatore. Quando si chiama questo metodo, non è necessario creare l’elemento contenitore. Tuttavia, il contenitore deve esistere quando init() viene eseguito.

    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.

  • handler - {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 della funzione JavaScript al callback appropriato.

    Facoltativo.

    Consulta Callback di eventi per ulteriori informazioni sugli eventi visualizzatore.

  • localizedTexts - {Object}

    Oggetto JSON con dati di localizzazione. Per ulteriori informazioni sul contenuto dell’oggetto, vedi 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