Effet Icône

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.

REMARQUE

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); 
}

Sur cette page