FlyoutViewer

Last update: March 9, 2022

CREATED FOR:

  • Developer
  • User

JavaScript API reference for Inline Zoom Viewer.

FlyoutViewer([config])

Constructor; creates an Inline Zoom Viewer instance.

Parameters

config

{Object} optional JSON configuration object, allows all the viewer settings to pass to the constructor and avoid calling individual setter methods. Contains the following properties:

  • containerId - {String} ID of the DOM container (normally a DIV ) that the viewer is inserted into. It is not necessary to have the container element created by the time this method is called. However, the container must exist when init() is run. Required.

  • params - {Object} JSON object with viewer configuration parameters where the property name is either a viewer-specific configuration option or an SDK modifier, and the value of that property is a corresponding settings value. Required.

  • handlers - {Object} JSON object with viewer event callbacks, where the property name is the name of supported viewer event, and the property value is a JavaScript function reference to an appropriate callback. Optional.

    See Event callbacksfor more information about viewer events.

  • localizedTexts - { Object } JSON object with localization data. Optional.

    See Localization of user interface elementsfor more information.

    See the Viewer SDK User Guide and the example for more information about the object's content.

Returns

None.

Example 

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

Experience Manager