Exibição de zoom zoom-view

A visualização principal consiste na imagem com zoom.

Propriedades CSS da área do visualizador principal

A aparência da área de visualização é controlada com o seguinte seletor de classe CSS:

.s7zoomviewer .s7zoomview
Propriedade CSS
Descrição
background-color
Cor do plano de fundo no formato hexadecimal da janela principal.
cursor
O cursor exibido sobre a visualização principal.

Exemplo - Para tornar a exibição principal transparente.

.s7zoomviewer .s7zoomview {
 background-color: transparent;
}

Nos sistemas de desktop, o componente suporta cursortype seletor de atributo que pode ser aplicado ao .s7zoomview classe. Ele controla o tipo de cursor com base no estado do componente e na ação do usuário. As seguintes cursortype Os valores de são compatíveis:

  • default

    Exibido quando a imagem não é ampliada devido a uma pequena resolução de imagem, configurações de componente ou ambas.

  • zoomin

    Exibido quando é possível ampliar a imagem.

  • reset

    Exibida quando a imagem está no nível de zoom máximo e pode ser redefinida para seu estado inicial.

  • drag

    Exibido quando o usuário expande a imagem que está no estado ampliado.

  • slide

    Exibido quando o usuário executa a troca de imagem passando um dedo horizontal ou um toque.

recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8