Efecto de mapa de imagen image-map-effect

Según el valor del parámetro mode, el visor muestra iconos de mapa de imagen sobre la vista principal en lugares donde los mapas se crearon originalmente en Dynamic Media Classic o procesa regiones exactas que coinciden con la forma de los mapas de imagen originales.

Propiedades CSS del área del visor principal

El aspecto del icono de mapa de imagen se controla con el siguiente selector de clase CSS:

.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
NOTE
El s7mapoverlay La clase CSS utilizada para aplicar estilo a los iconos de mapa de imagen en el pasado ya no se utiliza. Use s7icon en su lugar.
Propiedad CSS
Descripción
background-image
Icono de mapa de imagen ilustrado.
background-position

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

Consulte también Sprites CSS.

width
Anchura del icono del mapa de imagen en píxeles.
height
Altura del icono del mapa de imagen en píxeles.
NOTE
El icono de mapa de imagen admite state selector de atributos, que puede utilizar para aplicar diferentes aspectos a los estados de icono de default y active.

Ejemplo: configure un icono de mapa de imagen de 28 x 28 píxeles que muestre una imagen diferente para cada uno de los dos estados de icono diferentes.

.s7ecatalogsearchviewer .s7imagemapeffect .s7icon {
 height: 28px;
 width: 28px;
 background-image: url(images/v2/ImageMapEffect_dark_up.png);
}
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="default"] {
 opacity: 0.5;
}
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="active"] {
opacity: 1;
}

Consulte también Compatibilidad con mapas de imagen.

El aspecto del área del mapa de imagen se controla con el siguiente selector de clase CSS:

.s7ecatalogsearchviewer .s7imagemapeffect .s7region
Propiedad CSS
Descripción
fondo

Color de relleno de región de mapa de imagen.

Especificado en formato #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A).

background-color

Color de relleno de región de mapa de imagen.

Especificado en formato #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A).

borde

Estilo de borde de región de mapa de imagen.

Especificado como anchura sólido color , donde anchura se expresa en píxeles y color se define como #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A).

Ejemplo: configuración de una región de mapa de imagen transparente con 1 borde negro en píxeles :

.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
 border: 1px solid #000000;
 background: RGBA(0,0,0,0);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8