Vista de zoom

Última actualización: 2023-05-23
  • Creado para:
  • Developer
    User

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

Propiedad CSS

Descripción

background-color

Color de fondo en formato hexadecimal de la vista principal.

cursor

Cursor mostrado sobre la vista principal.

Ejemplo: Hacer transparente la vista principal.

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

En sistemas de escritorio, el componente admite cursortype selector de atributos que se puede aplicar al .s7zoomview clase. Controla el tipo de cursor en función del estado del componente y la acción del usuario. Lo siguiente cursortype se admiten estos valores:

  • default

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

  • zoomin

    Se muestra cuando se puede ampliar la imagen.

  • reset

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

  • drag

    Se muestra cuando el usuario desplaza la imagen cuyo estado se ha ampliado.

  • slide

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

En esta página