FlyoutViewer

Última actualización: 22 de julio de 2024
  • Temas:

Creado para:

  • Desarrollador
  • Usuario

Referencia de la API de JavaScript para el visor flotante.

FlyoutViewer([config])

Constructor; crea una instancia de visor flotante.

Parámetros

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

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

Experience Manager