Efecto de mapa de imagen

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

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

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