DocumentationGuide de référence des visionneuses Dynamic Media

CarouselViewer carouselviewer

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :

Créé pour :

  • Développeur
  • Utilisateur ou utilisatrice

Référence de l’API JavaScript pour la visionneuse de carrousel.

CarouselViewer([config])

Constructeur, crée une instance de visionneuse de carrousel 5 HTML.

Paramètres section-4fb77a645fdd45b3aaa5079c31e3bb05

config

{object} objet de configuration JSON facultatif, permet à tous les paramètres de visionneuse de passer au constructeur afin d’éviter d’appeler des méthodes de visionneuse individuelles. Contient les propriétés suivantes :

  • containerId - {String} ID du conteneur DOM (normalement un DIV ) dans lequel la visionneuse est insérée. Au moment de l’appel de cette méthode, il n’est pas nécessaire de créer l’élément conteneur . Cependant, le conteneur doit exister lorsque init() est exécuté.

    Obligatoire.

  • params - {Object} objet JSON avec paramètres de configuration de la visionneuse dont le nom est soit une option de configuration spécifique à la visionneuse, soit un modificateur SDK, et la valeur de cette propriété est une valeur de paramètres correspondante.

    Obligatoire.

  • gestionnaires - {Object} objet JSON avec rappels d’événement de visionneuse, où le nom de la propriété est le nom de l’événement de visionneuse pris en charge et la valeur de la propriété est une référence de fonction JavaScript au rappel approprié.

    Facultatif.

    Voir Rappels d’événementpour plus d’informations sur les événements de visionneuse.

  • localizedTexts - {Object}

    Objet JSON contenant des données de localisation. Voir Localisation des éléments de l’interface utilisateur et l’exemple pour plus d’informations sur le contenu de l’objet.

    Facultatif

Renvoie section-1d3cf85bc7cc4dfe9670e038d02b9101

Aucune

Exemple section-9e9332aa86b74a5fb321375c03fdc5b3

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"
}
});
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8