Efeito de ícone

O indicador de rotação é sobreposto na área de visualização principal. Ele é exibido quando a imagem está em um estado de redefinição e também depende do parâmetro de efeito de ícone.

Propriedades CSS da área principal do visualizador

A aparência da área de visualização é controlada com o seguinte seletor de classe CSS:

.s7spinviewer .s7spinview .s7iconeffect

Propriedade CSS	Descrição
imagem de fundo	Arte do indicador de rotação.
posição de fundo	Posição dentro da estrutura de arte, se os sprites CSS forem usados. Consulte Sprites CSS .
width	Largura do indicador de rotação.
altura	Altura do indicador de rotação.

O indicador de rotação suporta o seletor de atributo state que está definido como spin_1D no caso de um conjunto de rotação unidimensional e como spin_2D no caso de um conjunto de rotação multidimensional.

Exemplo - para configurar um indicador de zoom de 100 x 100 pixels.

.s7spinviewer .s7spinview .s7iconeffect { 
 width: 100px; 
 height: 100px; 
} 
.s7spinviewer .s7spinview .s7iconeffect[state="spin_1D"] { 
background-image: url(images/spinIcon_1D.png); 
} 
.s7spinviewer .s7spinview .s7iconeffect[state="spin_2D"] { 
background-image: url(images/spinIcon_2D.png); 
}