DocumentaçãoGuia de referência de visualizadores do Dynamic Media

Exibição de zoom zoom-view

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Tópicos:

Criado para:

  • Desenvolvedor
  • Usuário

No modo de zoom contínuo, a exibição principal consiste na imagem com zoom quando o ativo atual é uma única imagem.

Propriedades CSS da área do visualizador principal

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

.s7mixedmediaviewer .s7zoomview
Propriedade CSS
Descrição
cor de fundo
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 de zoom transparente.

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

Em sistemas desktop, o componente oferece suporte ao seletor de atributos cursortype que pode ser aplicado à classe .s7zoomview. Ele controla o tipo de cursor com base no estado do componente e na ação do usuário. Os seguintes valores cursortype têm suporte:

  • 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