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

En mode zoom continu, la vue principale est composée de l’image agrandie lorsque la ressource active est une seule image.

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 :

.s7mixedmediaviewer .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 le zoom transparent.

.s7mixedmediaviewer .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