Pontos de acesso hotspots

O visualizador exibe ícones de pontos de acesso sobre a exibição principal em lugares onde os pontos de acesso foram originalmente criados no Dynamic Media do AEM Assets - sob demanda.

Propriedades CSS da área do visualizador principal

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

.s7interactiveimage .s7imagemapeffect .s7icon
Propriedade CSS
Descrição
imagem de fundo
Arte do ícone do ponto de acesso.
background-position

Posicione dentro da imagem do trabalho artístico, se as imagens CSS forem usadas.

Consulte sprites CSS.

largura
Largura do ícone de ponto de acesso.
altura
Altura do ícone do ponto de acesso.

Exemplo - configure um ícone de ponto de acesso de 56 x 56 pixels que exiba uma imagem diferente para cada um dos dois estados de ícone diferentes:

.s7interactiveimage .s7imagemapeffect .s7icon {
 background-image: url(images/v2/imagemap/ImageMapEffect_icon1_light_up_touch.png);
 width: 56px;
 height: 56px;
}
.s7interactiveimage .s7imagemapeffect .s7icon:hover {
 background-image: url(images/v2/imagemap/ImageMapEffect_icon1_light_over_touch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8