FlyoutViewer

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

FlyoutViewer([config])

建構子;建立新的「內嵌縮放查看器」實例。

參數

設定

{Object}可 選JSON配置對象,允許所有查看器設定傳遞到建構子,並避免調用單個setter方法。包含下列屬性:

  • containerId - { String} DOM容器(通常是 DIV )的ID。呼叫此方法時,不需要建立容器元素。 但是,當 init()運行時,容器必須存在。 必要.
  • 數 — {Object} JSON物件及檢視器設定參數,其中屬性名稱為檢視器專屬組態選項或SDK修飾元,而該屬性的值為對應的設定值。必要.
  • 處理 程式 — {Object} JSON物 件,具有檢視器事件回呼,其中屬性名稱是支援的檢視器事件的名稱,而屬性值是適當回呼的JavaScript函式參考。選填。

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

  • 本地化 的文本 — { Object } 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" 
} 
});

本頁內容