Effet Icône

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); 
}

Sur cette page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now