Mode Zoom

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

arrière-plan-couleur

Couleur d’arrière-plan au format hexadécimal de la vue principale.

cursor

Curseur affiché au-dessus de 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.

Sur cette page