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.

Nesta página

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now