FlyoutViewer flyoutviewer

最終更新日： 2025年8月14日

トピック：
{"id":"a01bfd36-4ab8-4bf8-9dc0-5b45b890552e"}

作成対象：

{"id":"d378ca77-2da1-4f39-ad92-1917fe974a38"}
{"id":"b69b2659-1057-424e-8fc5-ed9e016dc554"},{"id":"ff6a42d2-313e-452e-93a6-792e4fad9ff8"}

インラインズームビューアのJavaScript API リファレンス。

FlyoutViewer([config])

コンストラクタ。インラインズームビューアインスタンスを作成します。

パラメーター section-8bc3d1424c8444f193716fc8d9975765

設定

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

containerId - {String} ビューアが挿入されているDOM コンテナ（通常は DIV ）のID。このメソッドが呼び出されるまでにコンテナ要素を作成する必要はありません。ただし、 init （）が実行されている場合は、コンテナが存在する必要があります。必須。
パラメーター - {Object} JSON オブジェクトで、プロパティ名がビューア固有の設定オプションまたはSDK修飾子のいずれかであり、そのプロパティの値が対応する設定値であるビューア設定パラメーターを持ちます。必須。
ハンドラー - {Object} ビューアイベントコールバックを持つJSON オブジェクト。プロパティ名はサポートされているビューアイベントの名前で、プロパティ値は適切なコールバックへのJavaScript関数参照です。オプション。

ビューアイベントの詳細については、イベントコールバックを参照してください。
ローカライゼーションデータを含む localizedText - { Object JSON オブジェクト。オプション。

詳しくは、ユーザーインターフェイス要素のローカライズを参照してください。

オブジェクトの内容について詳しくは、Viewer SDK ユーザーガイド および例を参照してください。

返品 section-1d3cf85bc7cc4dfe9670e038d02b9101

なし

例 section-9e9332aa86b74a5fb321375c03fdc5b3

var inlineZoomViewer = new s7viewers.FlyoutViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"Scene7SharedAssets/ImageSet-Views-Sample",
"config" : "Scene7SharedAssets/Universal_HTML5_Zoom_Inline",
"contenturl" : "http://s7d1.scene7.com/is/content/",
 "serverurl":"http://s7d1.scene7.com/is/image/"
},
"handlers":{
 "initComplete":function() {
  console.log("init complete");
}
},
"localizedTexts":{
"en":{
"FlyoutZoomView.TIP_BUBBLE_OVER":"Mouse over to zoom"
},
"fr":{
"FlyoutZoomView.TIP_BUBBLE_OVER":"Passez la souris sur pour zoomer"
},
defaultLocale:"en"
}
});

recommendation-more-help

dynamic-media-developer-resources-help-aem-viewers-ref