Icono, efecto

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 principal del visor

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

.s7zoomviewer .s7zoomview .s7iconeffect

CSS, propiedad

Descripción

imagen de fondo

Ilustración del indicador de zoom.

posición de fondo

Sitúe dentro de la ilustración sprite, si se utilizan sprites CSS.

Consulte Sprites CSS .

width

Ancho del indicador de zoom.

height

Altura del indicador de zoom.

NOTA

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

Ejemplo: para configurar un indicador de zoom de 100 x 100 píxeles con diferentes características 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);
}

En esta página