CarouselViewer

Última atualização em 2023-05-20
  • Criado para:
  • Developer
    User

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

CarouselViewer([config])

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

Parâmetros

config

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

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

    Obrigatório.

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

    Obrigatório.

  • manipuladores - {Object} O objeto JSON com retornos de chamada de evento do visualizador, em que 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 de evento para obter mais informações sobre eventos do visualizador.

  • textoslocalizados - {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