Efeito do mapa de imagem image-map-effect

Dependendo do valor do parâmetro de modo, o visualizador exibe ícones de mapa de imagem sobre a exibição principal em locais onde os mapas são originalmente criados no Dynamic Media Classic ou renderiza regiões exatas que correspondem à forma dos mapas de imagem originais.

Propriedades CSS da área do visualizador principal

A aparência do ícone do mapa de imagem é controlada com o seguinte seletor de classe CSS:

.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
NOTE
A classe CSS s7mapoverlay usada para estilizar ícones de mapa de imagem no passado agora está obsoleta; use s7icon em seu lugar.
Propriedade CSS
Descrição
imagem de fundo
Ícone do mapa de imagem arte.
background-position

Posicionar dentro da imagem de arte-final, se as imagens CSS forem usadas.

Consulte também Sprites CSS.

largura
Largura do ícone do mapa de imagem em pixels.
altura
Altura do ícone do mapa de imagem em pixels.
NOTE
O ícone de mapa de imagem oferece suporte ao seletor de atributos state, que você pode usar para aplicar capas diferentes aos estados de ícone de default e active.

Exemplo - configure um ícone de mapa de imagem de 28 x 28 pixels que exiba uma imagem diferente para cada um dos dois estados de ícone 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 também Suporte a mapa de imagem.

A aparência da região do mapa de imagem é controlada com o seguinte seletor de classe CSS:

.s7ecatalogsearchviewer .s7imagemapeffect .s7region
Propriedade CSS
Descrição
plano de fundo

Cor de preenchimento da região do mapa de imagem.

Especificado no formato #RRGGBB, RGB(R,G,B) ou RGBA(R,G,B,A).

cor de fundo

Cor de preenchimento da região do mapa de imagem.

Especificado no formato #RRGGBB, RGB(R,G,B) ou RGBA(R,G,B,A).

borda

Estilo de borda da região do mapa de imagem.

Especificado como largura cor sólida , onde largura é expresso em pixels e cor é definido como #RRGGBB, RGB(R,G,B) ou RGBA(R,G,B,A).

Exemplo - configurar uma região de mapa de imagem transparente com borda preta de 1 pixels:

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