DocumentationGuide de référence des visionneuses Dynamic Media

Mode Zoom zoom-view

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

Créé pour :

  • Développeur
  • Utilisateur ou utilisatrice

La vue principale se compose de l’image agrandie.

Propriétés CSS de la zone de visionneuse principale

L’aspect de la zone d’affichage est contrôlé à l’aide du sélecteur de classe CSS suivant :

.s7zoomviewer .s7zoomview
propriété CSS
Description
background-color
Couleur d’arrière-plan au format hexadécimal de la vue principale.
curseur
Curseur affiché sur la vue principale.

Exemple : pour rendre la vue principale transparente.

.s7zoomviewer .s7zoomview {
 background-color: transparent;
}

Sur les systèmes de bureau, le composant prend en charge le sélecteur d’attributs cursortype qui peut être appliqué à la classe .s7zoomview. Il contrôle le type de curseur en fonction de l’état du composant et de l’action de l’utilisateur. Les valeurs cursortype suivantes sont prises en charge :

  • default

    S’affiche lorsque l’image n’est pas agrandie en raison d’une petite résolution d’image, de paramètres de composant ou des deux.

  • zoomin

    S’affiche lorsque l’image peut être agrandie.

  • reset

    S’affiche lorsque l’image atteint le niveau de zoom maximal et peut être réinitialisée à son état initial.

  • drag

    Affiché lorsque l’utilisateur effectue un panoramique sur l’image qui est agrandie.

  • slide

    Affiché lorsque l’utilisateur effectue un échange d’image à l’aide d’un glissement ou d’un clic horizontal.

recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8