Á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;
}