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