Zone de visionneuse principale main-viewer-area

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

Lorsque vous travaillez en mode intégré (lorsqu’une taille explicite est attribuée à la zone de visionneuse principale), la visionneuse réduit automatiquement la hauteur de sa zone principale par celle du composant Nuancier qui utilise l’image unique. Par conséquent, les échantillons 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é à l’aide du sélecteur de classe CSS suivant :

.s7zoomviewer

Exemple : pour configurer une visionneuse avec un arrière-plan blanc ( #FFFFFF) et faire sa taille de 512 x 288 pixels.

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