Effet d’icône icon-effect
L’indicateur de zoom est superposé sur la zone d’affichage principale. Il s’affiche lorsque l’image est dans un état réinitialisé et dépend également du paramètre iconeffect.
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 :
.s7basiczoomviewer .s7zoomview .s7iconeffect
Propriété CSS
Description
le image d’arrière-plan
Illustration de l’indicateur de zoom.
la position de l’arrière-plan
Positionnez à l’intérieur d’un sprite d’illustration si des sprites CSS sont utilisés.
Voir desSprites CSS.
largeur
Largeur de l’indicateur de zoom.
de hauteur
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 à des systèmes de bureau où l'entrée souris est normalement utilisée et media-type='multitouch' correspond à des appareils à entrée tactile.Exemple : pour configurer un indicateur de zoom de 100 x 100 pixels avec différentes illustrations pour les ordinateurs 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