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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now