Según el valor del parámetro mode, el visor muestra los iconos de mapa de imagen sobre la vista principal en lugares donde los mapas se crearon originalmente en Dynamic Media Classic o representa las 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
La clase CSS s7mapoverlay
utilizada para aplicar estilo a los iconos de mapas de imagen en el pasado ya no se utiliza; utilice s7icon
en su lugar.
CSS, propiedad |
Descripción |
---|---|
background-image |
Icono de mapa de imagen. |
background-position |
Colocar dentro de la ilustración sprite, si se utilizan sprites 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. |
El icono de mapa de imagen admite el selector de atributos state
, que puede utilizar para aplicar diferentes apariencias 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 de la región del mapa de imagen se controla con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7imagemapeffect .s7region
CSS, propiedad |
Descripción |
---|---|
fondo |
Color de relleno de la región del mapa de imagen. Especificado en formato #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A). |
background-color |
Color de relleno de la región del mapa de imagen. Especificado en formato #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A). |
borde |
Estilo del borde de la región del mapa de imagen. Se especifica como ancho sólido color , donde ancho se expresa en píxeles y color se establece como #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A). |
Ejemplo: configure una región de mapa de imagen transparente con un borde negro de 1
píxeles:
.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}