O indicador de rotação está sobreposto na área da visualização principal. Ela é exibida quando a imagem está em um estado de redefinição e também depende do parâmetro de efeito de ícone.
Propriedades de CSS da área do visualizador principal
A aparência da área de visualização é controlada com o seguinte seletor de classe CSS:
.s7spinviewer .s7spinview .s7iconeffect
Propriedade CSS |
Descrição |
---|---|
background-image |
Arte do indicador de rotação. |
posição de fundo |
Posição dentro da sprite de arte, se os sprites CSS forem usados. Consulte CSS Sprites . |
width |
Largura do indicador de rotação. |
altura |
Altura do indicador de rotação. |
O indicador de rotação suporta o seletor de atributos state
que está definido para spin_1D
no caso de um conjunto de rotação unidimensional e para 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);
}