Effet Icône icon-effect

L’indicateur de zoom est superposé sur la zone d’affichage principale. 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 :

.s7basiczoomviewer .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.
NOTE
L’effet 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.

.s7basiczoomviewer .s7zoomview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7basiczoomviewer .s7zoomview .s7iconeffect[media-type='standard'] {
 background-image:url(images/v2/IconEffect_zoom.png);
}
.s7basiczoomviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
 background-image:url(images/v2/IconEffect_pinch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8