Según el valor del parámetro mode , el visor muestra los iconos de mapa de imagen sobre la vista principal en los lugares donde los mapas se crearon originalmente en Dynamic Media Classic. O bien, representa las regiones exactas que coinciden con la forma de los mapas de imágenes originales.
Propiedades CSS del área principal del visor
El aspecto del icono de mapa de imagen se controla con el siguiente selector de clase CSS:
.s7ecatalogviewer .s7imagemapeffect .s7icon
La variable s7mapoverlay
La clase CSS utilizada para aplicar estilo a los iconos de mapa de imágenes en el pasado ya está obsoleta; use s7icon
en su lugar.
CSS, propiedad |
Descripción |
---|---|
imagen de fondo |
Icono de mapa de imagen. |
posición de fondo |
Sitúe 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 es compatible con state
selector de atributos, que puede utilizar para aplicar diferentes aspectos a los estados de iconos 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.
.s7ecatalogviewer .s7imagemapeffect .s7icon {
height: 28px;
width: 28px;
background-image: url(images/v2/ImageMapEffect_dark_up.png);
}
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="default"] {
opacity: 0.5;
}
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="active"] {
opacity: 1;
}
Consulte también Compatibilidad con mapas de imágenes.
El aspecto de la región del mapa de imagen se controla con el siguiente selector de clase CSS:
.s7ecatalogviewer .s7imagemapeffect .s7region
CSS, propiedad |
Descripción |
---|---|
fondo |
Color de relleno de la región del mapa de imagen. Se especifica en formato #RGGBB, RGB(R,G,B) o RGBA(R,G,B,A). |
background-color |
Color de relleno de la región del mapa de imagen. Se especifica en formato #RGGBB, RGB(R,G,B) o RGBA(R,G,B,A). |
borde |
Estilo del borde de la región del mapa de imágenes. Especificado como width solid color , donde width se expresa en píxeles y color se configura como #RGGBB, 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 de píxeles :
.s7ecatalogviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}