L’indicateur de zoom est superposé sur la zone de vue principale. Elle s’affiche lorsque l’image est à l’état reset et dépend également du paramètre iconeffect.
Propriétés CSS de la zone de visualisation principale
L’aspect de la zone d’affichage est contrôlé par le sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7pageview .s7iconeffect
Propriété CSS |
Description |
---|---|
image d’arrière-plan |
Illustration de l’indicateur de zoom. |
arrière-plan-position |
Positionnez l’objet à l’intérieur de l’objet d’illustration, si des sprites CSS sont utilisés. Voir aussi CSS Sprites . |
width |
Largeur de l’indicateur de zoom en pixels. |
height |
Hauteur de l’indicateur de zoom en pixels. |
L’effet 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 périphériques. En particulier, media-type='standard'
correspond à des systèmes de bureau où l'entrée de souris est normalement utilisée et media-type='multitouch'
correspond à des périphériques avec une entrée tactile.
Exemple : pour configurer un indicateur de zoom de 100 x 100 pixels avec des illustrations différentes pour les ordinateurs de bureau et les périphériques tactiles.
.s7ecatalogsearchviewer .s7pageview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7ecatalogsearchviewer .s7pageview .s7iconeffect[media-type='standard'] {
background-image:url(images/v2/IconEffect_zoom.png);
}
.s7ecatalogsearchviewer .s7pageview .s7iconeffect[media-type='multitouch'] {
background-image:url(images/v2/IconEffect_pinch.png);
}