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
CSS, propiedad |
Descripción |
---|---|
background-color |
Color de fondo en formato hexadecimal de la vista principal. |
cursor |
Se muestra el cursor 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 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.