Exibiçã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.

Nesta página