FlyoutViewer

內聯縮放查看器的JavaScript API參考。

FlyoutViewer([config])

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

參數

配置

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

  • 容器ID - {字串} DOM容器的ID(通常為 DIV )。 不必在調用此方法時建立容器元素。 但是,當 init() 。 必要.
  • 帕拉 - {對象} JSON對象,其中屬性名稱是特定於查看器的配置選項或SDK修飾符,並且該屬性的值是相應的設定值。 必要.
  • 處理程式 - {對象} 具有查看器事件回調的JSON對象,其中屬性名稱是支援的查看器事件的名稱,屬性值是對相應回調的JavaScript函式引用。 選填。

    請參閱 事件回調 的子菜單。

  • 本地化文本 - { 對象 }包含本地化資料的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"
}
});

本頁內容