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 :
.s7ecatalogsearchviewer .s7pageview .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 aussi Sprites CSS . |
width |
Largeur de l’indicateur de zoom en pixels. |
height |
Hauteur de l’indicateur de zoom en pixels. |
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.
.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);
}