Área del visor principal main-viewer-area

El área de vista principal es el área ocupada por la imagen de zoom y las muestras. Normalmente se configura para que se ajuste a la pantalla del dispositivo disponible cuando no se especifica ningún tamaño.

Cuando se trabaja en modo incrustado (cuando se asigna un tamaño explícito al área del visor principal), el visor reduce automáticamente la altura de su área principal según la altura del componente Muestras que está en uso con la imagen única y, por lo tanto, no se necesitan muestras.

Propiedades CSS del área de visor principal

El aspecto del área de visualización se controla con el siguiente selector de clase CSS:

.s7zoomviewer

Ejemplo: para configurar un visor con un fondo blanco ( #FFFFFF) y hacer que su tamaño sea de 512 x 288 píxeles.

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