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

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.