我在我的主页上使用slideJS。现在我想点击一个按钮使其暂停,但似乎slideJS文档中没有暂停选项。
SlidesJS文件: http://slidesjs.com/
HTML化妆
<!--slider start-->
<div id="slides">
<div class="slider">
<div class="slide"><a href="#"><img src="http://www.fotolovec.cz/foto/albums/Fauna/Ptaci/normal_Brhlik02.jpg" /></a></div>
<div class="slide"><a href="#"><img src="http://mw2.google.com/mw-panoramio/photos/medium/34484850.jpg" /></a></div>
</div>
<div id="navbar">
<a id="prev" href="#">Prev</a>
<a id="next" href="#">Next</a>
<a href="#" id="control">Pause</a>
</div>
</div>
<!--slider end-->
JS:
<script type="text/javascript">
jQuery(function(){
$('#slides').slides({
preload: true,
preloadImage: 'loading.gif',
play: 2000,
pause: 2000,
hoverPause: true,
autoHeight: true,
effect:'slide',
container: 'slider'
});
});
</script>
答案 0 :(得分:3)
function sliderPause(){
clearInterval($('#slides').data('interval'));
}``
答案 1 :(得分:0)
在你的jquery.slides.js文件中搜索_this.stop(true);
显示约3-4次,下一次&amp;之前点击..你也会看到它显示为paginationLink.click
我遇到的问题是滑块在单击上一个,下一个或分页后停止滑动。我需要滑块重新启动..所以我所做的是添加一个setTimeout来播放()
_this.stop(true);
setTimeout(function ()
{ _this.play(true) }, 3000);