Pontos de conexão

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); 
}

Nesta página