文件Dynamic Media檢視器參考指南

CarouselViewer carouselviewer

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 主題：

建立對象：

  • 開發人員
  • 使用者

轉盤檢視器的JavaScript API參考。

CarouselViewer([config])

建構函式，建立HTML5轉盤檢視器例項。

參數 section-4fb77a645fdd45b3aaa5079c31e3bb05

設定

{object} 選用的JSON組態物件，允許所有檢視器設定傳遞至建構函式，以避免呼叫個別setter方法。 包含下列屬性：

  • 檢視器插入的DOM容器的 containerId - {String} ID （通常是 DIV ）。 呼叫此方法時，不需要建立容器元素。 不過，執行 init() 時，容器必須存在。

    必要.

  • 引數 - {Object} JSON物件搭配檢視器組態引數，其中屬性名稱為檢視器特定組態選項或SDK修飾元，且該屬性的值為對應的設定值。

    必要.

  • 處理常式 - {Object} 具有檢視器事件回呼的JSON物件，其中屬性名稱是支援的檢視器事件的名稱，而屬性值是適當回呼的JavaScript函式參考。

    選擇性.

    如需檢視器事件的詳細資訊，請參閱事件回呼。

  • localizedTexts - {Object}

    含有本地化資料的JSON物件。 如需物件內容的詳細資訊，請參閱使用者介面元素的當地語系化及範例。

    選擇性

傳回 section-1d3cf85bc7cc4dfe9670e038d02b9101

無。

範例 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