Effet de l’icône de vue Zoom

Dernière mise à jour : 2022-01-26
  • Créé pour :
  • Developer
    User

L’indicateur de zoom est superposé sur la zone d’affichage du zoom. Elle s’affiche lorsque l’image est à l’état réinitialisé et dépend également du paramètre iconEffet.

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

propriété CSS

Description

background-image

Illustration de l’indicateur de zoom.

arrière-plan-position

Position dans l’objet d’illustration, si des sprites CSS sont utilisés.

Voir Sprites CSS .

width

Largeur de l’indicateur de zoom.

height

Hauteur de l’indicateur de zoom.

REMARQUE

L’effet d’icône prend en charge media-type sélecteur d’attributs que vous pouvez utiliser pour appliquer différents effets d’icône sur différents appareils. En particulier, media-type='standard' correspond aux systèmes de bureau où la saisie de la souris est normalement utilisée et media-type='multitouch' correspond aux périphériques avec une entrée tactile.

Exemple : pour configurer un indicateur de zoom de 100 x 100 pixels avec différentes illustrations pour les systèmes de bureau et les appareils tactiles.

.s7mixedmediaviewer .s7zoomview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='standard'] {
 background-image:url(images/v2/IconEffect_zoom.png);
}
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
 background-image:url(images/v2/IconEffect_pinch.png);
}

Sur cette page