Efeito do ícone

Guia de referência de visualizadores do Dynamic Media
Exemplos da biblioteca do visualizador
Requisitos do sistema
Instalação de vários visualizadores no mesmo servidor
Notas de versão dos visualizadores
- Notas de versão de visualizadores (5.16.5)
- Arquivar
Notas de compatibilidade
Acessibilidade e navegação pelo teclado
Tutorial do visualizador do SDK
Visualizadores para AEM Assets e Dynamic Media Classic
Visualizadores somente para o AEM Assets
Referência de comando comum a todos os visualizadores - Atributos de configuração
Referência de comando comum a todos os visualizadores - URL

Tópicos relacionados

Conteúdo relacionado

Documentação

Guia de referência de visualizadores do Dynamic Media

Efeito do ícone

Última atualização em 2023-05-20

Tópicos
Dynamic Media Classic
Exibir mais informações sobre este tópico
Viewers
Exibir mais informações sobre este tópico
SDK/API
Exibir mais informações sobre este tópico
Zoom
Exibir mais informações sobre este tópico

Criado para:
Developer

User

O indicador de zoom é sobreposto na área de exibição principal. Ela é exibida quando a imagem está em um estado redefinido e também depende do parâmetro iconeffect.

Propriedades CSS da área do visualizador principal

A aparência da área de visualização é controlada com o seguinte seletor de classe CSS:

.s7basiczoomviewer .s7zoomview .s7iconeffect

Propriedade CSS	Descrição
background-image	Arte do indicador de zoom.
background-position	Posicionar dentro da imagem de arte-final, se as imagens CSS forem usadas. Consulte Sprites CSS .
largura	Largura do indicador de zoom.
altura	Altura do indicador de zoom.

OBSERVAÇÃO

O efeito de ícones suporta media-type seletor de atributos, que você pode usar para aplicar diferentes efeitos de ícone em diferentes dispositivos. Em especial, media-type='standard' corresponde a sistemas desktop nos quais a entrada do mouse é normalmente utilizada e media-type='multitouch' corresponde a dispositivos com entrada por toque.

Exemplo - para configurar um indicador de zoom de 100 x 100 pixels com arte diferente para sistemas de desktop e dispositivos de toque.

.s7basiczoomviewer .s7zoomview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7basiczoomviewer .s7zoomview .s7iconeffect[media-type='standard'] {
 background-image:url(images/v2/IconEffect_zoom.png);
}
.s7basiczoomviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
 background-image:url(images/v2/IconEffect_pinch.png);
}