CarouselViewer

Referência da API do JavaScript para o Visualizador do carrossel.

CarouselViewer([config])

Construtor, cria uma nova instância do Visualizador de carrossel HTML 5.

Parâmetros

configuração

{object} objeto de configuração JSON opcional, permite que todas as configurações do visualizador sejam enviadas ao construtor para evitar chamar métodos de setter individuais. Contém as seguintes propriedades:

  • containerId - {String} ID do contêiner DOM (normalmente um DIV ) no qual o visualizador é inserido. Quando esse método é chamado, não é necessário criar o elemento container. No entanto, o contêiner deve existir quando init() é executado.

    Obrigatório.

  • params - objeto {Object} JSON com parâmetros de configuração do visualizador em que o nome da propriedade é a opção de configuração específica do visualizador ou o modificador SDK, e o valor dessa propriedade é um valor de configurações correspondente.

    Obrigatório.

  • manipuladores - objeto {Object} JSON com retornos de chamada do evento do visualizador, onde o nome da propriedade é o nome do evento do visualizador suportado e o valor da propriedade é uma referência de função JavaScript para o retorno de chamada apropriado.

    Opcional.

    Consulte Retornos de chamada do evento para obter mais informações sobre os eventos do visualizador.

  • localizedTexts - {Object}

    Objeto JSON com dados de localização. Consulte Localização dos elementos da interface do usuário e o exemplo para obter mais informações sobre o conteúdo do objeto.

    Opcional

Devoluções

Nenhum.

Exemplo

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

Nesta página