FlyoutViewer

Última actualización: 2023-05-23
  • Creado para:
  • Developer
    User

Referencia de la API de JavaScript para el visor flotante.

FlyoutViewer([config])

Constructor; crea una instancia de visor flotante.

Parámetros

config

{Object} objeto de configuración JSON opcional, permite que todas las configuraciones del visor pasen al constructor y eviten llamar a métodos de establecedor individuales. Contiene las siguientes propiedades:

  • containerId - {String} ID del contenedor DOM (normalmente un DIV ) 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 init() se ejecuta. 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 a evento de visor, donde el nombre de propiedad es el nombre del evento de visor admitido y el valor de propiedad es una referencia de función de JavaScript a una llamada de retorno adecuada. Opcional.

    Consulte Llamadas de retorno de eventos para obtener más información sobre los eventos de visor.

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

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

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

Devuelve

Ninguno.

Ejemplo

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

En esta página