A exibição principal consiste na imagem com zoom.
Propriedades CSS da área principal do visualizador
A aparência da área de visualização é controlada com o seguinte seletor de classe CSS:
.s7zoomviewer .s7zoomview
Propriedade CSS |
Descrição |
---|---|
cor do fundo |
Cor do plano de fundo em formato hexadecimal da exibição principal. |
cursor |
Cursor exibido sobre a exibição principal. |
Exemplo - Para tornar a exibição principal transparente.
.s7zoomviewer .s7zoomview {
background-color: transparent;
}
Em sistemas de desktop, o componente suporta cursortype
seletor de atributos que pode ser aplicado ao .s7zoomview
classe . Ele controla o tipo do cursor com base no estado do componente e na ação do usuário. O seguinte cursortype
são compatíveis:
default
Exibida quando a imagem não é ampliável devido a uma pequena resolução de imagem, configurações de componente ou ambos.
zoomin
Exibido quando a imagem puder ser ampliada.
reset
Exibida quando a imagem está no nível máximo de zoom e pode ser redefinida para o estado inicial.
drag
Exibido quando o usuário expande a imagem que está no estado ampliado.
slide
Exibido quando o usuário realiza a troca de imagem fazendo um deslizamento horizontal ou um clique.