弹出查看器 flyoutviewer

Last update: Wed Feb 07 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主题：
Dynamic Media Classic,Viewers,SDK/API,Flyout

创建对象：

Developer
User

适用于弹出查看器的JavaScript API参考。

FlyoutViewer([config])

构造函数；创建弹出查看器实例。

参数 section-8bc3d1424c8444f193716fc8d9975765

config

{Object} 可选的JSON配置对象，允许将所有查看器设置传递到构造函数，并避免调用单独的setter方法。包含以下属性：

containerId - {String} DOM容器的ID(通常为 DIV )，查看器将插入其中。在调用此方法时，无需创建容器元素。但是，在以下情况下必须存在容器： init() 运行。必需.
参数 - {Object} 包含查看器配置参数的JSON对象，其中属性名称是查看器特定的配置选项或SDK修饰符，该属性的值是相应的设置值。必需.
处理程序 - {Object} 具有查看器事件回调的JSON对象，其中属性名称是支持的查看器事件的名称，属性值是对相应回调的JavaScript函数引用。可选.

请参阅事件回调以了解有关查看器事件的详细信息。
localizedText - { 对象 } JSON对象，具有本地化数据。可选.

请参阅用户界面元素的本地化以了解更多信息。

请参阅 Viewer SDK用户指南 和示例以了解有关对象内容的更多信息。可选.

返回 section-1d3cf85bc7cc4dfe9670e038d02b9101

无。

示例 section-9e9332aa86b74a5fb321375c03fdc5b3

var flyoutViewer = new s7viewers.FlyoutViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"Scene7SharedAssets/ImageSet-Views-Sample",
 "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

b7426f53-aad9-4c00-83fc-664f30f681e8