Efecto Icono de vista de zoom

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

El indicador de zoom se superpone en el área de vista de zoom. Se muestra cuando la imagen está en estado de restablecimiento y también depende del parámetro iconeffect.

Propiedades CSS del área del visor principal

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

.s7mixedmediaviewer .s7zoomview .s7iconeffect

Propiedad CSS

Descripción

background-image

Ilustración del indicador de zoom.

background-position

Coloque dentro del icono de ilustración si se utilizan iconos CSS.

Consulte Sprites CSS .

width

Ancho del indicador de zoom.

height

Altura del indicador de zoom.

NOTA

El efecto de icono admite media-type selector de atributos, que puede utilizar para aplicar diferentes efectos de icono en distintos dispositivos. En particular, media-type='standard' corresponde a los sistemas de sobremesa en los que se utiliza normalmente la entrada de ratón y media-type='multitouch' corresponde a dispositivos con entrada táctil.

Ejemplo: configurar un indicador de zoom de 100 x 100 píxeles con diferentes ilustraciones para sistemas de escritorio y dispositivos táctiles.

.s7mixedmediaviewer .s7zoomview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='standard'] {
 background-image:url(images/v2/IconEffect_zoom.png);
}
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
 background-image:url(images/v2/IconEffect_pinch.png);
}

En esta página