Effet d’icône de vue à 360°

L’indicateur de rotation est superposé sur la zone de vue de rotation. 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 :

.s7mixedmediaviewer .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.

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

Sur cette page