Show Menu
TOPICS×

Spin view icon effect

The spin indicator is overlaid on the spin view area. It is displayed when the image is in a reset state and it also depends on the iconeffect parameter.
CSS properties of the main viewer area
The appearance of the viewing area is controlled with the following CSS class selector:
.s7mixedmediaviewer .s7spinview .s7iconeffect

CSS property
Description
background-image
Spin indicator artwork.
background-position
Position inside artwork sprite, if CSS sprites are used.
width
Spin indicator width.
height
Spin indicator height.
Spin indicator supports the state attribute selector which is set to spin_1D in case of single-dimensional spin set and to spin_2D in case of multi-dimensional spin set.
Example - to set up a 100 x 100 pixels zoom indicator.
.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); 
}