CarouselViewer

Letzte Aktualisierung: 23. Dezember 2024
  • 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

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

Keine.

Beispiel 

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"
}
});
Vorherige SeiteJavaScript-API-Referenz für Karussell-Viewer
Nächste Seiteverfügen

Experience Manager