FlyoutViewer

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

FlyoutViewer([config])

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

參數

config

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

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

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

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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free