Zones sensibles

Le lecteur affiche des icônes de zones réactives sur la vue principale dans les endroits où des zones réactives ont été créées à l’origine dans Dynamic Media of AEM Assets - à la demande.

Propriétés CSS de la zone de visualisation principale

L’aspect de l’icône de zone réactive est contrôlé par le sélecteur de classe CSS suivant :

.s7interactiveimage .s7imagemapeffect .s7icon

Propriété CSS

Description

image d’arrière-plan

Image d’icône de zone réactive.

arrière-plan-position

Positionnez l’objet d’illustration à l’intérieur de l’objet d’illustration, si des sprites CSS sont utilisés.

Voir sprites CSS .

width

Largeur de l’icône de zone réactive.

height

Hauteur de l’icône de zone réactive.

Exemple : configurez une icône de zone réactive de 56 x 56 pixels qui affiche une image différente pour chacun des deux états d’icône différents :

.s7interactiveimage .s7imagemapeffect .s7icon { 
 background-image: url(images/v2/imagemap/ImageMapEffect_icon1_light_up_touch.png); 
 width: 56px; 
 height: 56px; 
} 
.s7interactiveimage .s7imagemapeffect .s7icon:hover { 
 background-image: url(images/v2/imagemap/ImageMapEffect_icon1_light_over_touch.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