A área de visualização principal é a área ocupada pela imagem de zoom e amostras. Normalmente, ele é configurado para ajustar a tela de dispositivo disponível quando nenhum tamanho é especificado.
Ao trabalhar no modo incorporado (quando um tamanho explícito é dado à área do visualizador principal), o visualizador diminui automaticamente a altura de sua área principal pela altura do componente Amostras que está funcionando com a única imagem e, portanto, não são necessárias amostras.
Propriedades CSS da área principal do visualizador
A aparência da área de visualização é controlada com o seguinte seletor de classe CSS:
.s7zoomviewer
Propriedade CSS |
Descrição |
---|---|
width |
A largura do visualizador. |
altura |
A altura do visualizador. |
cor do fundo |
Cor do plano de fundo em formato hexadecimal. |
Exemplo - para configurar um visualizador com um plano de fundo branco ( #FFFFFF
) e torne seu tamanho de 512 x 288 pixels.
.s7zoomviewer {
background-color: #FFFFFF;
width: 512px;
height: 288px;
}