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.

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

.s7ecatalogviewer .s7pageview .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 también Sprites CSS .

width

Zoom de la anchura del indicador en píxeles.

height

Altura del indicador de zoom en píxeles.

NOTA

El efecto Icono es compatible con el selector de atributos media-type, que puede utilizar para aplicar distintos efectos de icono en distintos dispositivos. En concreto, media-type='standard' corresponde a sistemas de escritorio en los que se utiliza normalmente la entrada del ratón y media-type='multitouch' corresponde a 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.

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

En esta página