Vista de zoom

La vista principal consiste en la imagen ampliable.

Propiedades CSS del área principal del visor

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

.s7zoomviewer .s7zoomview

CSS, propiedad

Descripción

background-color

Color de fondo en formato hexadecimal de la vista principal.

cursor

El cursor se muestra sobre la vista principal.

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 del cursor en función del estado del componente y la acción del usuario. Se admiten los siguientes cursortype valores:

  • default

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

  • zoomin

    Se muestra cuando se puede ampliar la imagen.

  • reset

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

  • drag

    Se muestra cuando el usuario panorámica 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 gafa.

En esta página