PlayPause, knapp playpause-button
Med knappen Spela upp/Paus kan användaren pausa eller återuppta automatisk uppspelning.
Knappen är bara synlig om parametern CarouselViewer.autoplay är inställd på 1, annars är den dold. Med CSS kan du ändra storlek på, skalförändra och placera den här knappen i förhållande till kontrollfältet som innehåller den.
CSS-egenskaper för huvudvisningsområdet
Knappens utseende styrs med följande CSS-klassväljare:
.s7carouselviewer .s7playpausebutton
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 pausknapp för uppspelning som är 28 x 28 pixlar. Du vill att knappen ska placeras 17 pixlar från nederkanten och 12 pixlar från den vänstra kanten av visningsprogrammet. Och du vill att den ska visa olika bilder för vart och ett av de fyra olika knapplägena när den är markerad eller inte är markerad.
.s7carouselviewer .s7playpausebutton {
bottom:17px;
left:12px;
width:28px;
height:28px;
}
.s7carouselviewer .s7playpausebutton[selected='true'][state='up'] {
background-image:url(images/playBtn_up.png);
}
.s7carouselviewer .s7playpausebutton[selected='true'][state='over'] {
background-image:url(images/playBtn_over.png);
}
.s7carouselviewer .s7playpausebutton[selected='true'][state='down'] {
background-image:url(images/playBtn_down.png);
}
.s7carouselviewer .s7playpausebutton[selected='true'][state='disabled'] {
background-image:url(images/playBtn_disabled.png);
}
.s7carouselviewer .s7playpausebutton[selected='false'][state='up'] {
background-image:url(images/pauseBtn_up.png);
}
.s7carouselviewer .s7playpausebutton[selected='false'][state='over'] {
background-image:url(images/pauseBtn_over.png);
}
.s7carouselviewer .s7playpausebutton[selected='false'][state='down'] {
background-image:url(images/pauseBtn_down.png);
}