Visualização de zoom

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

Propriedades de 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

cor de fundo

Cor do plano de fundo em formato hexadecimal da visualização principal.

cursor

Cursor exibido sobre a visualização principal.

Exemplo - para tornar a visualização principal transparente.

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

Em sistemas desktop, o componente suporta o seletor de atributos cursortype 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

    Exibido quando a imagem não tem zoom devido a uma pequena resolução de imagem, configurações de componente ou ambos.

  • zoomin

    Exibido quando a imagem pode ser ampliada.

  • reset

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

  • drag

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

  • slide

    Exibido quando o usuário executa a troca de imagem fazendo um deslize horizontal ou um movimento.

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free