Efecto Icono icon-effect

El indicador de zoom se superpone en el área de vista principal. 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:

.s7zoomviewer .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.
NOTE
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.

.s7zoomviewer .s7zoomview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='standard'] {
 background-image:url(images/v2/IconEffect_zoom.png);
}
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
 background-image:url(images/v2/IconEffect_pinch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8