Zone de visionneuse principale main-viewer-area

La zone d’affichage principale est la zone occupée par l’image du zoom et les échantillons. Il est généralement configuré pour s’adapter à l’écran de l’appareil disponible lorsqu’aucune taille n’est spécifiée.

Lorsque vous travaillez en mode incorporé (lorsqu’une taille explicite est donnée à la zone de visionneuse principale), la visionneuse réduit automatiquement la hauteur de sa zone principale de la hauteur du composant Nuancier qui travaille avec l’image unique. Par conséquent, les nuanciers ne sont pas nécessaires.

Propriétés CSS de la zone de visionneuse principale

L’aspect de la zone d’affichage est contrôlé par le sélecteur de classe CSS suivant :

.s7zoomviewer

Exemple : pour configurer une visionneuse sur fond blanc ( #FFFFFF) et définir sa taille sur 512 x 288 pixels.

.s7zoomviewer {
 background-color: #FFFFFF;
 width: 512px;
 height: 288px;
}