Nästa bild next-slide
Om du väljer knappen Nästa bildruta flyttas användaren till nästa bildruta 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 .s7panrightbutton
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 knappen ska placeras tio pixlar från den högra visningsprogramkanten och lodrätt centrerad. Och du vill att den ska visa olika bilder för vart och ett av de fyra knapplägena.
.s7carouselviewer .s7panrightbutton{
bottom: 50%;
right: 10px;
background-size:60px;
cursor: pointer;
}
.s7carouselviewer.s7mouseinput .s7panrightbutton {
width:60px;
height:60px;
margin-bottom: -20px;
}
.s7carouselviewer.s7mouseinput .s7panrightbutton[state] {
background-image: url(../../viewers/s7viewers/html5/images/v2/CarouselDotsRightButton_dark_sprite.png);
}
.s7carouselviewer.s7mouseinput .s7panrightbutton[state='up'] { background-position: -0px -60px; }
.s7carouselviewer.s7mouseinput .s7panrightbutton[state='over'] { background-position: -0px -0px; }
.s7carouselviewer.s7mouseinput .s7panrightbutton[state='down'] { background-position: -0px -0px; }
.s7carouselviewer.s7mouseinput .s7panrightbutton[state='disabled'] { background-position: -0px -60px; }