Visor de carrusel

Referencia de la API de JavaScript para el visor de carrusel.

CarouselViewer([config])

Constructor, crea una instancia de visor de carrusel de HTML 5.

Parámetros

config

{object} objeto de configuración JSON opcional, permite que todos los ajustes del visor se pasen al constructor para evitar llamar a métodos de ajuste individuales. Contiene las siguientes propiedades:

  • containerId - {Cadena} ID del contenedor DOM (normalmente, un DIV ) en la que se inserta el visor. Para cuando se llama a este método, no es necesario tener el elemento contenedor creado. Sin embargo, el contenedor debe existir cuando init() se ejecuta.

    Obligatorio.

  • params - {Object} El objeto JSON con parámetros de configuración del visor en los que el nombre de la 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} El objeto JSON con llamadas de retorno de eventos de visor, donde el nombre de la propiedad es el nombre del evento de visor admitido y el valor de la propiedad es una referencia de función JavaScript a la llamada de retorno adecuada.

    Opcional.

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

  • localizedTexts - {Object}

    objeto JSON con datos de localización. Consulte Localización de los elementos de la interfaz de usuario y el ejemplo para obtener más información sobre el contenido del objeto.

    Opcional

Devuelve

Ninguno.

Ejemplo

var carouselViewer = new s7viewers.CarouselViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"/content/dam/dm-public-facing-live-demo-page/04_shoppable_carousel/05_shoppable_banner",
 "serverurl":"https://adobedemo62-h.assetsadobe.com/is/image"
},
"handlers":{
 "initComplete":function() {
  console.log("init complete");
}
},
"localizedTexts":{
"en":{
"PanLeftButton.TOOLTIP":"Left"
},
"fr":{
"PanLeftButton.TOOLTIP":"Gauchiste"
},
defaultLocale:"en"
}
});

En esta página