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. |
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);
}