Puntos interactivos hotspots

El visor muestra los iconos de puntos interactivos en la vista principal en lugares donde los puntos interactivos se crearon originalmente en Dynamic Media de AEM Assets bajo demanda.

Propiedades CSS del área de visor principal

El aspecto del icono del punto interactivo se controla con el siguiente selector de clase CSS:

.s7interactiveimage .s7imagemapeffect .s7icon
Propiedad CSS
Descripción
imagen de fondo
Icono de punto interactivo.
posición de fondo

Coloque dentro del icono de ilustración si se utilizan iconos CSS.

Ver sprites CSS.

ancho
Anchura del icono del punto interactivo.
altura
Altura del icono de punto interactivo.

Ejemplo: configure un icono de punto interactivo de 56 x 56 píxeles que muestre una imagen diferente para cada uno de los dos estados de icono diferentes:

.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