Area visualizzatore principale main-viewer-area

L'area di visualizzazione principale è quella occupata dall'immagine di zoom e dai campioni. In genere viene impostato per adattarsi allo schermo del dispositivo disponibile quando non è specificata alcuna dimensione.

Quando si lavora in modalità incorporata (quando all'area di visualizzazione principale viene assegnata una dimensione esplicita), l'altezza dell'area principale viene automaticamente ridotta in base all'altezza del componente Campioni che si sta utilizzando la singola immagine e pertanto i campioni non sono necessari.

Proprietà CSS dell'area visualizzatore principale

L’aspetto dell’area di visualizzazione è controllato dal seguente selettore di classi CSS:

.s7zoomviewer

Esempio: per impostare un visualizzatore con sfondo bianco ( #FFFFFF) e impostarne le dimensioni a 512 x 288 pixel.

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