Vue Zoom zoom-view
La vue principale se compose de l’image zoomable.
Propriétés CSS de la zone de visionneuse principale
L’aspect de la zone d’affichage est contrôlé par le sélecteur de classe CSS suivant :
.s7zoomviewer .s7zoomview
Exemple - Pour rendre la vue principale transparente.
.s7zoomviewer .s7zoomview {
background-color: transparent;
}
Sur les systèmes de bureau, le composant prend en charge cursortype sélecteur d’attributs qui peut être appliqué à la classe .s7zoomview. Il contrôle le type du curseur en fonction de l’état du composant et de l’action de l’utilisateur. Les valeurs cursortype suivantes sont prises en charge :
-
defaultAffiché lorsque l’image ne peut pas faire l’objet d’un zoom en raison d’une faible résolution d’image, des paramètres de composant ou des deux.
-
zoominAffiché lorsque l’image peut faire l’objet d’un zoom avant.
-
resetAffiché lorsque l’image est au niveau de zoom maximal et peut être réinitialisé à son état initial.
-
dragAffiché lorsque l’utilisateur effectue un panoramique sur l’image qui fait l’objet d’un zoom avant.
-
slideAffiché lorsque l’utilisateur permute des images en effectuant un balayage horizontal ou en cliquant dessus.