Effet d’icône de vue de zoom

L’indicateur de zoom est superposé sur la zone de vue de zoom. 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 :

.s7mixedmediaviewer .s7zoomview .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 CSS Sprites .

width

Largeur de l’indicateur de zoom.

height

Hauteur de l’indicateur de zoom.

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.

.s7mixedmediaviewer .s7zoomview .s7iconeffect { 
 width: 100px; 
 height: 100px; 
} 
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='standard'] { 
 background-image:url(images/v2/IconEffect_zoom.png); 
} 
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='multitouch'] { 
 background-image:url(images/v2/IconEffect_pinch.png); 
}

Sur cette page

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