Efeito do ícone icon-effect
O indicador de zoom é sobreposto na área de exibição principal. Ela é exibida quando a imagem está em um estado redefinido e também depende do parâmetro iconeffect.
Propriedades CSS da área do visualizador principal
A aparência da área de visualização é controlada com o seguinte seletor de classe CSS:
.s7ecatalogsearchviewer .s7pageview .s7iconeffect
Propriedade CSS
Descrição
imagem de fundo
Arte do indicador de zoom.
background-position
Posicionar dentro da imagem de arte-final, se as imagens CSS forem usadas.
Consulte também Sprites CSS.
largura
Largura do indicador de zoom em pixels.
altura
Altura do indicador de zoom em pixels.
NOTE
O efeito de ícone oferece suporte ao seletor de atributos
media-type, que você pode usar para aplicar diferentes efeitos de ícone em diferentes dispositivos. Especificamente, media-type='standard' corresponde a sistemas desktop nos quais a entrada de mouse é normalmente usada e media-type='multitouch' corresponde a dispositivos com entrada de toque.Exemplo - para configurar um indicador de zoom de 100 x 100 pixels com arte diferente para sistemas de desktop e dispositivos de toque.
.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