* commit 'fb959d01d56e2d44e8833a8a9beca5ee5b04a24d': docs: add the ability to pause the carousel
This commit is contained in:
commit
85ab41eb6b
3 changed files with 24 additions and 1 deletions
|
@ -1138,6 +1138,9 @@ td {
|
|||
background-color:inherit;
|
||||
border:solid 1px #DDD;
|
||||
}
|
||||
td *:last-child {
|
||||
margin-bottom:0;
|
||||
}
|
||||
th {
|
||||
background-color: #999;
|
||||
color: #fff;
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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 ?>
|
||||
|
|
Loading…
Reference in a new issue