Documentation Guide de référence des visionneuses Dynamic Media

Effet de l’icône de vue Zoom

Dernière mise à jour : 22 juillet 2024

Rubriques :

Créé pour :

Développeur
Utilisateur ou utilisatrice

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 des indicateurs de zoom.
background-position	Position dans l’objet d’illustration, si des sprites CSS sont utilisés. Voir Sprites CSS.
width	Largeur des indicateurs de zoom.
height	Hauteur de l’indicateur de zoom.

NOTE

L’effet d’icône prend en charge le sélecteur d’attributs media-type, 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ù l’entrée de la souris est normalement utilisée et media-type='multitouch' correspond aux appareils 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);
}

recommendation-more-help