Área do visualizador principal main-viewer-area
A área de exibição principal é a área ocupada pela imagem de zoom e pelas amostras. Normalmente, ele é configurado para se ajustar à tela do dispositivo disponível quando nenhum tamanho é especificado.
Ao trabalhar no modo incorporado (quando um tamanho explícito é fornecido para a área do visualizador principal), o visualizador diminui automaticamente a altura de sua área principal pela altura do componente Amostras que está trabalhando com a única imagem e, portanto, as amostras não são necessárias.
Propriedades CSS da área do visualizador principal
A aparência da área de visualização é controlada com o seguinte seletor de classe CSS:
.s7zoomviewer
Exemplo - para configurar um visualizador com um plano de fundo branco ( #FFFFFF
) e definir seu tamanho como 512 x 288 pixels.
.s7zoomviewer {
background-color: #FFFFFF;
width: 512px;
height: 288px;
}