Föregående bild previous-slide
Om du väljer den här knappen återgår användaren till föregående bild i karuselluppsättningen. Den här knappen visas inte på enheter med pekskärm. Du kan ändra storlek, skal och placera den här knappen med CSS.
CSS-egenskaper för huvudvisningsområdet
Knappens utseende styrs med följande CSS-klassväljare:
.s7carouselviewer .s7panleftbutton
Placera inuti en teckningssprite, om CSS-sprites används.
Se även 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.
Anta till exempel att du vill ställa in en tidigare bildknapp som är 60 x 60 pixlar. Du vill att den ska placeras tio pixlar från den vänstra visningsprogrammets kant och lodrätt centrerad. Och du vill att den ska visa olika bilder för vart och ett av de fyra knapplägena.
.s7carouselviewer .s7panleftbutton {
bottom: 50%;
left: 10px;
background-size:60px;
cursor: pointer;
}
.s7carouselviewer.s7mouseinput .s7panleftbutton {
width:60px;
height:60px;
margin-bottom: -20px;
}
.s7carouselviewer.s7mouseinput .s7panleftbutton[state] {
background-image: url(../../viewers/s7viewers/html5/images/v2/CarouselDotsLeftButton_dark_sprite.png);
}
.s7carouselviewer.s7mouseinput .s7panleftbutton[state='up'] { background-position: -0px -60px; }
.s7carouselviewer.s7mouseinput .s7panleftbutton[state='over'] { background-position: -0px -0px; }
.s7carouselviewer.s7mouseinput .s7panleftbutton[state='down'] { background-position: -0px -0px; }
.s7carouselviewer.s7mouseinput .s7panleftbutton[state='disabled'] { background-position: -0px -60px; }