彈出式檢視器

最後更新： 2024年7月22日
  • 主題：

建立對象：

  • 開發人員
  • 使用者

內嵌縮放檢視器的JavaScript API參考。

FlyoutViewer([config])

建構函式；建立內嵌縮放檢視器例項。

參數

設定

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

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

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

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

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

  • localizedTexts - { 物件} JSON物件包含本地化資料。 選擇性.

    如需詳細資訊，請參閱使用者介面元素的本地化。

    如需物件內容的詳細資訊，請參閱 檢視器SDK使用手冊 和範例。

傳回

無。

範例 

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

Experience Manager