CarouselViewer carouselviewer

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

トピック：

作成対象：

開発者
ユーザー

カルーセルビューアのJavaScript API リファレンス。

CarouselViewer([config])

コンストラクターを使用して、HTML 5 カルーセルビューアインスタンスを作成します。

パラメーター section-4fb77a645fdd45b3aaa5079c31e3bb05

config

オプション JSON 設定オブジェクトを {object} 用する、すべてのビューア設定をコンストラクターに渡して、個々の setter メソッドを呼び出さないようにできます。次のプロパティが含まれます。

containerId - {String} ビューア挿入する DOM コンテナの ID （通常は DIV ）。このメソッドが呼び出される時点で、コンテナ要素を作成する必要はありません。ただし、init （）が実行される場合コンテナが存在する必要があります。

必須。
params - {Object} ビューア設定パラメーターを持つ JSON オブジェクトをします。プロパティ名はビューア固有の設定オプションまたは SDK 修飾子で、そのプロパティの値は対応する設定値です。

必須。
handlers - {Object} ビューアイベントコールバックを持つ JSON オブジェクトをします。プロパティ名はサポートされているビューアイベントの名前で、プロパティ値は適切なコールバックへのJavaScript関数参照です。

オプション。

ビューアイベントについて詳しくは、 Event callbacksを参照してください。
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