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 :
.s7ecatalogsearchviewer .s7pageview .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 aussi Sprites CSS.
width
Largeur de l’indicateur de zoom en pixels.
height
Hauteur de l’indicateur de zoom en pixels.
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.
.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);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8