Rechterkant draaien, knop spin-right-button
Als u op deze knop klikt of erop tikt, draait u 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:
.s7spinviewer .s7spinbuttons
De weergave van deze knop in de container wordt bepaald door de CSS-klassenkiezer:
.s7spinviewer .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 en deze op de rechterrand van de binnencontainer plaatsen. En tenslotte, toont een verschillend beeld voor elk van de vier verschillende knoopstaten:
.s7spinviewer .s7spinbuttons .s7panrightbutton {
position:absolute;
right: 0px;
width:28px;
height:28px;
background-size:contain;
}
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='up'] {
background-image:url(images/v2/SpinRightButton_light_up.png);
}
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='over'] {
background-image:url(images/v2/SpinRightButton_light_over.png);
}
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='down'] {
background-image:url(images/v2/SpinRightButton_light_down.png);
}
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='disabled'] {
background-image:url(images/v2/SpinRightButton_light_disabled.png);
}