Högerknapp för snurra spin-right-button
Om du klickar eller trycker på den här knappen flyttas bilden till höger i huvudvyn. Den här knappen visas inte på mobiltelefoner för att spara skärmutrymme. Knappen döljs också när en flerdimensionell rotationsuppsättning används. Du kan ändra storlek på, skalförändra och placera knappen med CSS.
CSS-egenskaper för rotationsknapparna
Knappen läggs till i en intern behållare som är DIV styrd med CSS-klassväljaren:
.s7spinviewer .s7spinbuttons
Utseendet på den här knappen inuti behållaren styrs med CSS-klassväljaren:
.s7spinviewer .s7spinbuttons .s7panrightbutton
Placera inuti en teckningssprite, om CSS-sprites används.
Se CSS-fragment.
state som kan användas för att tillämpa olika skal på olika knapplägen.Knappens funktionsbeskrivning kan lokaliseras. Mer information finns i Lokalisering av användargränssnittselement.
Exempel - För att ställa in en högerknapp med snurra som är 28 x 28 pixlar och placerad på den högra kanten av behållaren. Slutligen visas olika bilder för de fyra olika knapplägena:
.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);
}