Visualização de zoom

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 à classe .s7zoomview. Ele controla o tipo do cursor com base no estado do componente e na ação do usuário. Os seguintes valores cursortype são suportados:

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.