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
propriété CSS |
Description |
---|---|
width |
Largeur de la visionneuse. |
height |
Hauteur de la visionneuse. |
arrière-plan-couleur |
Couleur d’arrière-plan au format hexadécimal. |
Exemple : pour configurer une visionneuse avec un arrière-plan blanc ( #FFFFFF
) et sa taille est de 512 x 288 pixels.
.s7zoomviewer {
background-color: #FFFFFF;
width: 512px;
height: 288px;
}