am 85ab41eb: am fb959d01: am 474b3f11: am eb41035f: docs: add the ability to pause the carousel

* commit '85ab41eb6b7229dd1fcb08187f27a32ee754c05d':
  docs: add the ability to pause the carousel
This commit is contained in:
Scott Main 2013-01-14 21:16:42 -08:00 committed by Android Git Automerger
commit b6fd569c0c
3 changed files with 24 additions and 1 deletions

View file

@ -1138,6 +1138,9 @@ td {
background-color:inherit;
border:solid 1px #DDD;
}
td *:last-child {
margin-bottom:0;
}
th {
background-color: #999;
color: #fff;

View file

@ -1144,6 +1144,7 @@ function hideExpandable(ids) {
* Options:
* btnPrev: optional identifier for previous button
* btnNext: optional identifier for next button
* btnPause: optional identifier for pause button
* auto: whether or not to auto-proceed
* speed: animation speed
* autoTime: time between auto-rotation
@ -1161,6 +1162,7 @@ function hideExpandable(ids) {
o = $.extend({
btnPrev: null,
btnNext: null,
btnPause: null,
auto: true,
speed: 500,
autoTime: 12000,
@ -1231,6 +1233,17 @@ function hideExpandable(ids) {
e.preventDefault();
return go(curr+o.scroll);
});
//Pause button
if(o.btnPause)
$(o.btnPause).click(function(e) {
e.preventDefault();
if ($(this).hasClass('paused')) {
startRotateTimer();
} else {
pauseRotateTimer();
}
});
//Auto rotation
if(o.auto) startRotateTimer();
@ -1244,6 +1257,12 @@ function hideExpandable(ids) {
go(curr+o.scroll);
}
}, o.autoTime);
$(o.btnPause).removeClass('paused');
}
function pauseRotateTimer() {
clearInterval(timer);
$(o.btnPause).addClass('paused');
}
//Go to an item

View file

@ -29,7 +29,8 @@ window.gOverride = {
<script type="text/javascript">
$('.slideshow-container').dacSlideshow({
btnPrev: '.slideshow-prev',
btnNext: '.slideshow-next'
btnNext: '.slideshow-next',
btnPause: '#pauseButton'
});
</script>
<?cs /if ?>