FlyoutViewer flyoutviewer

Referencia de la API de JavaScript para el visor flotante.

FlyoutViewer([config])

Constructor; crea una instancia de visor flotante.

Parámetros section-8bc3d1424c8444f193716fc8d9975765

configuración

{Object} objeto de configuración JSON opcional, permite que toda la configuración del visor pase al constructor y evite llamar a métodos de establecedor individuales. Contiene las siguientes propiedades:

  • containerId - {String} ID del contenedor DOM (normalmente un DIV de ) en el que se inserta el visor. No es necesario tener el elemento contenedor creado para el momento en que se llama a este método. Sin embargo, el contenedor debe existir cuando se ejecute init() . Obligatorio.

  • parámetros - {Object} objeto JSON con parámetros de configuración del visor donde el nombre de propiedad es una opción de configuración específica del visor o un modificador del SDK, y el valor de esa propiedad es un valor de configuración correspondiente. Obligatorio.

  • Controladores - {Object} objeto JSON con llamadas de retorno de evento del visor, donde el nombre de propiedad es el nombre de evento del visor admitido y el valor de propiedad es una referencia de función de JavaScript a una llamada de retorno adecuada. Opcional.

    Consulte devoluciones de llamadas de eventopara obtener más información sobre los eventos de visor.

  • localizedTexts - objeto objeto JSON con datos de localización. Opcional.

    Consulte Localización de elementos de la interfaz de usuario de para obtener más información.

    Consulte la Guía de usuario del SDK de visor y el ejemplo para obtener más información sobre el contenido del objeto. Opcional.

Devuelve section-1d3cf85bc7cc4dfe9670e038d02b9101

Ninguno.

Ejemplo 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