Karussell-Viewer carouselviewer

JavaScript-API-Referenz für Karussell-Viewer.

CarouselViewer([config])

Constructor erstellt eine HTML 5-Karussell-Viewer-Instanz.

Parameter section-4fb77a645fdd45b3aaa5079c31e3bb05

config

{object} optionales JSON-Konfigurationsobjekt ermöglicht es allen Viewer-Einstellungen, an den Konstruktor zu übergeben, um das Aufrufen einzelner Setter-Methoden zu vermeiden. Enthält die folgenden Eigenschaften:

  • containerId - {String} Kennung des DOM-Containers (normalerweise eine DIV ), in den der Viewer eingefügt wird. Zum Zeitpunkt des Aufrufs dieser Methode ist es nicht erforderlich, dass das Containerelement erstellt wird. Der Container muss jedoch vorhanden sein, wenn init() ausgeführt wird.

    Erforderlich.

  • params - {Object} JSON-Objekt mit Viewer-Konfigurationsparametern, bei denen der Eigenschaftsname entweder eine Viewer-spezifische Konfigurationsoption oder einen SDK-Modifikator ist und der Wert dieser Eigenschaft ein entsprechender settings-Wert ist.

    Erforderlich.

  • Handler - {Object} JSON-Objekt mit Viewer-Ereignis-Rückrufen, wobei der Eigenschaftsname der Name des unterstützten Viewer-Ereignisses und der Eigenschaftswert ein JavaScript-Funktionsverweis auf den entsprechenden Rückruf ist.

    Optional.

    Siehe Ereignisrückrufefür weitere Informationen zu Viewer-Ereignissen.

  • localizedTexte - {Object}

    JSON-Objekt mit Lokalisierungsdaten. Weitere Informationen zum Inhalt des Objekts finden Sie unter Lokalisierung von Benutzeroberflächenelementen und im Beispiel .

    Optional

Rückgabe section-1d3cf85bc7cc4dfe9670e038d02b9101

Keine.

Beispiel section-9e9332aa86b74a5fb321375c03fdc5b3

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"
}
});
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8