O indicador de zoom é sobreposto na área de visualização principal. Ele é exibido quando a imagem está em um estado de redefinição e também depende do parâmetro de efeito de ícone.
Propriedades CSS da área principal do visualizador
A aparência da área de visualização é controlada com o seguinte seletor de classe CSS:
.s7basiczoomviewer .s7zoomview .s7iconeffect
Propriedade CSS |
Descrição |
---|---|
imagem de fundo |
Arte do indicador de zoom. |
posição de fundo |
Posição dentro da estrutura de arte, se os sprites CSS forem usados. Consulte Sprites CSS . |
width |
Largura do indicador de zoom. |
altura |
Altura do indicador de zoom. |
O efeito de ícone suporta media-type
seletor de atributos, que pode ser usado para aplicar efeitos de ícones diferentes em dispositivos diferentes. Em especial, media-type='standard'
corresponde a sistemas de desktop em que 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);
}