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 :
.s7basiczoomviewer .s7zoomview
propriété CSS |
Description |
---|---|
arrière-plan-couleur |
Couleur d’arrière-plan au format hexadécimal de la vue principale. |
cursor |
Le curseur s’affiche au-dessus de la vue principale. |
Exemple : pour rendre la vue principale transparente.
.s7basiczoomviewer .s7zoomview {
background-color: transparent;
}
Sur les systèmes de bureau, le composant prend en charge la variable cursortype
sélecteur d’attributs qui peut être appliqué au .s7zoomview
et contrôle le type de curseur en fonction de l’état du composant et de l’action de l’utilisateur. Les éléments suivants cursortype
sont prises en charge :
Valeur |
Description |
---|---|
par défaut |
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. |
réinitialiser |
S’affiche lorsque l’image atteint le niveau de zoom maximal et peut être réinitialisée à son état initial. |
glisser |
Affiché lorsqu’un utilisateur effectue un panoramique sur l’image agrandie. |