Effet Icône

L’indicateur de rotation est superposé sur la zone d’affichage principale. Elle s’affiche lorsque l’image est à l’état réinitialisé et dépend également du paramètre iconEffet.

Propriétés CSS de la zone de visionneuse principale

L’aspect de la zone d’affichage est contrôlé à l’aide du sélecteur de classe CSS suivant :

.s7spinviewer .s7spinview .s7iconeffect

propriété CSS

Description

background-image

Illustration de l’indicateur de rotation.

arrière-plan-position

Position dans l’objet d’illustration, si des sprites CSS sont utilisés.

Voir Sprites CSS .

width

Largeur de l’indicateur de rotation.

height

Hauteur de l’indicateur de rotation.

L’indicateur de rotation prend en charge state sélecteur d’attributs défini sur spin_1D s’il existe une visionneuse à 360° unidimensionnelle, et spin_2D s’il existe 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);
}

Sur cette page