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