DokumentationDynamic Media Viewer-Referenzhandbuch

CarouselViewer carouselviewer

Last update: Mon Dec 23 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Entwickler
  • Benutzende

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

CarouselViewer([config])

Der -Konstruktor erstellt eine HTML 5-Karussell-Viewer-Instanz.

Parameter section-4fb77a645fdd45b3aaa5079c31e3bb05

Konfiguration

{object} optionalen JSON-Konfigurationsobjekt übergeben alle Viewer-Einstellungen an den Konstruktor, um den Aufruf einzelner Setter-Methoden zu vermeiden. Enthält die folgenden Eigenschaften:

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

    Erforderlich.

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

    Erforderlich.

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

    Optional.

    Weitere Informationen zu Viewer-Ereignissen finden Sie unter zu Ereignis-Callbacks .

  • localizedTexts- - {Object}

    JSON-Objekt mit Lokalisierungsdaten. Weitere Informationen zum Inhalt des -Objekts finden Sie unter Lokalisierung von Elementen der Benutzeroberfläche 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