DokumentationDynamic Media Viewer-Referenzhandbuch

Karussell-Viewer carouselviewer

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Entwickler
  • Benutzende

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 zu verhindern, dass einzelne Setter-Methoden aufgerufen werden. Enthält die folgenden Eigenschaften:

  • containerId - {String} Kennung 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 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 Viewer-spezifische Konfigurationsoption oder 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 eine JavaScript-Funktionsreferenz zum entsprechenden Rückruf ist.

    Optional.

    Weitere Informationen zu Viewer-Ereignissen finden Sie unter Ereignisrückrufe.

  • 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