Puntos interactivos y mapas de imagen

El visor muestra los iconos de zonas interactivas sobre la vista principal en los lugares en los que las zonas interactivas se crearon originalmente en Dynamic Media de AEM Assets - On-demand.

Propiedades CSS del área del visor principal

El aspecto del icono de zona interactiva se controla con el siguiente selector de clase CSS:

.s7carouselviewer .s7imagemapeffect .s7icon

Ejemplo: configure un icono de zona interactiva 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); 
}

Propiedades CSS de la región del mapa de imagen

El aspecto de la región del mapa de imagen se controla con el siguiente selector de clase CSS:

.s7carouselviewer .s7imagemapeffect .s7region

Ejemplo: configure una región de mapa de imagen transparente con un borde negro de un píxel:

.s7carouselviewer .s7imagemapeffect .s7region { 
 border: 1px solid #000000; 
 background: RGBA(0,0,0,0);  
}