FlyoutViewer

内联缩放查看器的JavaScript API引用。

FlyoutViewer([config])

构造函数;创建内联缩放查看器实例。

参数

配置

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

  • containerId - {字符串} DOM容器的ID(通常为 DIV ),将查看器插入到其中。 无需在调用此方法之前创建容器元素。 但是,容器必须存在于 init() 运行。 必需.
  • params - {对象} 具有查看器配置参数的JSON对象,其中属性名称是特定于查看器的配置选项或SDK修饰符,并且该属性的值是相应的设置值。 必需.
  • 处理程序 - {对象} 具有查看器事件回调的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"
}
});

在此页面上