Efeito do ícone de exibição de zoom

O indicador de zoom é sobreposto na área de visualização do zoom. 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:

.s7mixedmediaviewer .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.

OBSERVAÇÃO

O efeito de ícone suporta o seletor de atributos media-type, que pode ser usado para aplicar efeitos de ícones diferentes em dispositivos diferentes. Em particular, media-type='standard' corresponde a sistemas de desktop onde a entrada do mouse é normalmente usada 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.

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

Nesta página