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

Retorna

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

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now