Vista de zoom

La vista principal consiste en la imagen ampliable.

Propiedades CSS del área del visor principal

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

.s7zoomviewer .s7zoomview

Ejemplo: para que la vista principal sea transparente.

.s7zoomviewer .s7zoomview { 
 background-color: transparent; 
}

En los sistemas de escritorio, el componente admite el selector de atributos cursortype que se puede aplicar a la clase .s7zoomview. Controla el tipo de cursor según el estado del componente y la acción del usuario. Se admiten los siguientes valores cursortype:

• default

  Se muestra cuando la imagen no se puede ampliar debido a una pequeña resolución de imagen, a una configuración de componente o a ambos.

• zoomin

  Se muestra cuando se puede ampliar la imagen.

• reset

  Se muestra cuando la imagen está en el nivel máximo de zoom y se puede restablecer a su estado inicial.

• drag

  Se muestra cuando el usuario recorre la imagen que está en estado de zoom.

• slide

  Se muestra cuando el usuario realiza el intercambio de imágenes realizando un barrido horizontal o un gesto de gesto.