DocumentationAEMGuide de référence des visionneuses Dynamic Media

FlyoutViewer flyoutviewer

Dernière mise à jour : 15 août 2025

Créé pour :

  • {"id":"d378ca77-2da1-4f39-ad92-1917fe974a38"}
  • {"id":"b69b2659-1057-424e-8fc5-ed9e016dc554"},{"id":"ff6a42d2-313e-452e-93a6-792e4fad9ff8"}

Référence de l’API JavaScript pour la visionneuse de zoom intégré.

FlyoutViewer([config])

Constructeur : crée une instance de visionneuse de zoom intégrée.

Paramètres section-8bc3d1424c8444f193716fc8d9975765

config

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

  • containerId - {String} ID conteneur DOM (normalement un DIV ) dans lequel la visionneuse est insérée. Il n’est pas nécessaire que l’élément de conteneur soit créé au moment où cette méthode est appelée. Cependant, le conteneur doit exister lors de ’exécution de la init(). Obligatoire.

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

  • gestionnaires - {Object} objet JSON avec des 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 à un rappel approprié. Facultatif.

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

  • localizedTexts - { Object } objet JSON avec des données de localisation. Facultatif.

    Pour plus d’informations, consultez section Localisation des éléments de l’interface utilisateur.

    Voir le Guide d’utilisation de la visionneuse SDK et l’exemple pour plus d’informations sur le contenu de l’objet .

Renvoie section-1d3cf85bc7cc4dfe9670e038d02b9101

Aucune

Exemple section-9e9332aa86b74a5fb321375c03fdc5b3

var inlineZoomViewer = new s7viewers.FlyoutViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"Scene7SharedAssets/ImageSet-Views-Sample",
"config" : "Scene7SharedAssets/Universal_HTML5_Zoom_Inline",
"contenturl" : "http://s7d1.scene7.com/is/content/",
 "serverurl":"http://s7d1.scene7.com/is/image/"
},
"handlers":{
 "initComplete":function() {
  console.log("init complete");
}
},
"localizedTexts":{
"en":{
"FlyoutZoomView.TIP_BUBBLE_OVER":"Mouse over to zoom"
},
"fr":{
"FlyoutZoomView.TIP_BUBBLE_OVER":"Passez la souris sur pour zoomer"
},
defaultLocale:"en"
}
});
recommendation-more-help
dynamic-media-developer-resources-help-aem-viewers-ref