Rechterkant draaien, knop spin-right-button
Als u deze knop selecteert, draait de afbeelding rechts in de hoofdweergave. Deze knop wordt niet weergegeven op mobiele telefoons om de schermruimte op te slaan. De knop is ook verborgen wanneer een multidimensionale centrifugeset wordt gebruikt. U kunt de grootte, de huid, en de positie van de knoop gebruikend CSS.
CSS-eigenschappen van de centrifugeknoppen
De knop wordt toegevoegd aan een interne container die wordt beheerd met de CSS-klassenkiezer:
.s7mixedmediaviewer .s7spinbuttons
De weergave van deze knop in de container wordt bepaald door de CSS-klassenkiezer:
.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton
Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.
Zie CSS-sprites.
state kenmerkenkiezer, die kan worden gebruikt om verschillende skins toe te passen op verschillende knoptoestanden.De knopinfo kan worden gelokaliseerd. Zie Lokalisatie van gebruikersinterface-elementen voor meer informatie .
Voorbeeld - Een knop naar rechts draaien van 28 x 28 pixels instellen die zich aan de rechterrand van de binnencontainer bevindt. En tenslotte, toont een verschillend beeld voor elk van de vier verschillende knoopstaten:
.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton {
position:absolute;
right: 0px;
width:28px;
height:28px;
background-size:contain;
}
.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton[state='up'] {
background-image:url(images/v2/SpinRightButton_light_up.png);
}
.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton[state='over'] {
background-image:url(images/v2/SpinRightButton_light_over.png);
}
.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton[state='down'] {
background-image:url(images/v2/SpinRightButton_light_down.png);
}
.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton[state='disabled'] {
background-image:url(images/v2/SpinRightButton_light_disabled.png);
}