Zones réactives hotspots

La visionneuse affiche des icônes de zone réactive sur la vue principale aux endroits où les zones réactives ont été créées à l’origine dans Dynamic Media d’AEM Assets – à la demande.

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

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

.s7interactiveimage .s7imagemapeffect .s7icon

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 :

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