Puntos interactivos

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:

.s7interactiveimage .s7imagemapeffect .s7icon

CSS, propiedad

Descripción

background-image

Ilustración de icono de puntos interactivos.

background-position

Colocar dentro del elemento sprite de ilustración, si se utilizan sprites CSS.

Consulte sprites CSS .

width

Ancho del icono de zona interactiva.

height

Altura del icono de punto interactivo.

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

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free