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 de visor principal
El aspecto del área de visualización se controla con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7pageview .s7iconeffect
Propiedad CSS
Descripción
imagen de fondo
Ilustración del indicador de zoom.
posición de fondo
Coloque dentro del icono de ilustración si se utilizan iconos CSS.
Consulte también Sprites CSS.
ancho
Ancho del indicador de zoom en píxeles.
altura
Altura del indicador de zoom en píxeles.
NOTE
El efecto de icono es compatible con el selector de atributos
media-type, que puede utilizar para aplicar distintos efectos de icono en distintos dispositivos. En particular, media-type='standard' corresponde a sistemas de escritorio donde la entrada del ratón se utiliza normalmente 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.
.s7ecatalogsearchviewer .s7pageview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7ecatalogsearchviewer .s7pageview .s7iconeffect[media-type='standard'] {
background-image:url(images/v2/IconEffect_zoom.png);
}
.s7ecatalogsearchviewer .s7pageview .s7iconeffect[media-type='multitouch'] {
background-image:url(images/v2/IconEffect_pinch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8