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 hacer transparente la vista principal.

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

En sistemas de escritorio, el componente es compatible cursortype selector de atributos que se puede aplicar a la variable .s7zoomview Clase . Controla el tipo del cursor en función del estado del componente y la acción del usuario. Lo siguiente cursortype son compatibles:

  • 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