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 principal do visualizador
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 de ponto de acesso. |
posição de fundo |
Posição dentro da estrutura de arte, se os sprites CSS forem usados. Consulte Scripts CSS . |
width |
Largura do ícone do 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 exibe 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);
}