L'indicateur de rotation est superposé sur la zone de vue principale. Elle s’affiche lorsque l’image est à l’état reset et dépend également du paramètre iconeffect.
Propriétés CSS de la zone de visualisation principale
L’aspect de la zone d’affichage est contrôlé par le sélecteur de classe CSS suivant :
.s7spinviewer .s7spinview .s7iconeffect
Propriété CSS |
Description |
---|---|
image d’arrière-plan |
Illustration de l’indicateur de rotation. |
arrière-plan-position |
Positionnez l’objet à l’intérieur de l’objet d’illustration, si des sprites CSS sont utilisés. Voir CSS Sprites . |
width |
Largeur de l’indicateur de rotation. |
height |
Hauteur de l’indicateur de rotation. |
L’indicateur de rotation prend en charge le sélecteur d’attributs state
qui est défini sur spin_1D
dans le cas d’une visionneuse à 360° unidimensionnelle et sur spin_2D
dans le cas d’une visionneuse à 360° multidimensionnelle.
Exemple : pour configurer un indicateur 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);
}