DokumentationReferenshandbok för Dynamic Media Viewers

CarouselViewer carouselviewer

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Ämnen:

Skapat för:

  • Utvecklare
  • Användare

JavaScript API-referens för Carousel Viewer.

CarouselViewer([config])

Konstruktor, skapar en HTML 5 Carousel Viewer-instans.

Parametrar section-4fb77a645fdd45b3aaa5079c31e3bb05

config

{object} valfritt JSON-konfigurationsobjekt gör att alla visningsprograminställningar kan skickas till konstruktorn för att undvika att anropa enskilda set-metoder. Innehåller följande egenskaper:

  • containerId - {String} ID för DOM-behållaren (vanligtvis en DIV ) som visningsprogrammet infogas i. När den här metoden anropas behöver behållarelementet inte skapas. Behållaren måste dock finnas när init() körs.

    Obligatoriskt.

  • params - {Object} JSON-objekt med visarkonfigurationsparametrar där egenskapsnamnet antingen är visningsprogramspecifikt konfigurationsalternativ eller SDK-modifierare, och värdet för den egenskapen är ett motsvarande inställningsvärde.

    Obligatoriskt.

  • -hanterare - {Object} JSON-objekt med återanrop för visningsprogramhändelser, där egenskapsnamnet är namnet på den visningsprogramhändelse som stöds och egenskapsvärdet är en JavaScript-funktionsreferens till rätt återanrop.

    Valfritt.

    Mer information om visningsprogramhändelser finns i Händelseåteranrop.

  • localizedTexts - {Object}

    JSON-objekt med lokaliseringsdata. Mer information om objektets innehåll finns i Lokalisering av element i användargränssnittet och exemplet.

    Valfritt

Returnerar section-1d3cf85bc7cc4dfe9670e038d02b9101

Ingen.

Exempel 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