Zones réactives hotspots
La visionneuse affiche des icônes de zone réactive au-dessus de la vue principale dans les endroits où des zones réactives ont été créées à l’origine dans Dynamic Media d’AEM Assets - on Demand.
Propriétés CSS de la zone de visionneuse principale
L’aspect de l’icône de zone réactive est contrôlé à l’aide du sélecteur de classe CSS suivant :
.s7interactiveimage .s7imagemapeffect .s7icon
propriété CSS
Description
background-image
Illustration de l’icône de zone réactive.
background-position
Positionnez-vous à l’intérieur du sprite de l’illustration, si les sprites CSS sont utilisés.
Voir sprites CSS.
width
Largeur de l’icône de zone réactive.
height
Hauteur de l’icône des zones réactives.
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);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8