Efecto de icono

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

CSS, propiedad

Descripción

background-image

Ilustración del indicador de zoom.

background-position

Colocar 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 el selector de atributos media-type, que puede utilizar para aplicar diferentes efectos de icono en diferentes dispositivos. En particular, media-type='standard' corresponde a los sistemas de escritorio en los que la entrada del ratón se utiliza normalmente 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 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); 
}

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free