CarouselViewer

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

CarouselViewer([config])

コンストラクター。HTML5 のカルーセルビューアインスタンスを作成します。

パラメータ

config

{object} オプションの JSON 設定オブジェクト。個々のセッターメソッドを呼び出すのを避けるために、すべてのビューア設定をコンストラクターに渡すことができます。 次のプロパティが含まれます。

  • containerId - {String} DOM コンテナの ID ( 通常は DIV ) をクリックします。 このメソッドを呼び出すまでに、コンテナ要素を作成する必要はありません。 ただし、コンテナは、 init() が実行されます。

    必須。

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

    必須。

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

    （オプション）

    詳しくは、 イベントコールバック を参照してください。

  • localizedTexts - {Object}

    ローカリゼーションデータを含む JSON オブジェクト。 オブジェクトのコンテンツについて詳しくは、ユーザーインターフェイス要素のローカライゼーションおよび例を参照してください。

    オプション

戻り値

なし

例

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"
}
});

このページ