文档Dynamic Media查看器参考指南

CarouselViewer carouselviewer

Last update: Sat Jul 20 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函数引用。

    可选.

    有关查看器事件的详细信息，请参阅事件回调。

  • 本地化文本 - {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