jquery内容滑块需要自动播放
jquery content slider needs autoplay
我有这个内容滑块,我需要它像幻灯片一样,我需要自动播放
$(document).ready(function() {
$('.poveznicaDiv').click(function(){
var broj = $(this).attr('id');
broj = broj.split('ca');
broj = parseInt(broj[1]);
$('#maskaSadrzaja').animate({'left': '-'+ 500*(broj-1) +'px'}, 'slow');
});
});
忽略克罗地亚语:D 上的id和类名
所以这很好用,但我需要自动播放
我试过这个:
slideShow();
function slideShow(){
var i = 0;
$('#maskaSadrzaja').animate({'left': '-'+ 500*(i) +'px'}, 'slow');
broj++;
// alert(i);
if(i>5){
i=0;
}
setTimeout(slideShow, 1000);
};
但是不起作用
我怎么能让它自动播放?
编辑
所以我试了别的class为.poveznicaDiv的div也有一个id,类似于poveznica1、poveznica 2等
所以我试着添加一个点击的功能
类似这样的东西:
i=1;
function autoplay() {
$('#poveznica'+i).click();
i++;
setTimeout(autoplay, 1000);
}
为什么这不起作用?我已经把它放在.ready中,并调用了函数(autoplay;)。请帮助
编辑
我的滑块(以及html和css)与此滑块几乎相同http://www.webdeveloperjuice.com/2010/01/12/lightest-jquery-content-slider-ever-made-380-bytes/
我怎么能让它自动旋转?
您的代码中没有递增i
,您还必须将其传递给函数调用,因为它不是全局变量。
var slideShow = function(i){
$('#maskaSadrzaja').animate({
'left': '-' + 500*(i) + 'px'
}, 'slow');
broj++;
if(i>5){
i=0;
}
setTimeout(function(){
slideShow(i+1);
}, 1000);
};
slideShow(0);
把它放在Document.Ready中,或者像这样简称
$(function() {
var i = 0;
$('#maskaSadrzaja').animate({'left': '-'+ 500*(i) +'px'}, 'slow');
broj++;
// alert(i);
if(i>5){
i=0;
}
setTimeout(slideShow, 1000);
});
相关文章:
- 如何使jquery自动播放
- 为简单的jQuery滑块添加自动播放功能
- 我需要我的jquery滑块来自动播放
- jquery内容滑块需要自动播放
- 带有文本动画和自动播放的Jquery滑块
- 基本 jquery 滑块的自动播放功能
- 能够在jQuery插件中的滚动位置自动播放
- 具有自动播放和导航功能的 Jquery 滑块
- 添加自动播放 jquery 幻灯片
- 将自动播放添加到基本 jQuery 滑块
- Jquery 自动播放视频序列不起作用
- 使 Jquery 幻灯片自动播放
- jQuery滑块自动播放按钮不起作用
- jQuery转盘滑块自动播放
- 在嵌入式视频上按下播放键时,jquery无限转盘自动播放需要停止
- jQuery自动播放HTML5音频
- Jquery图像滑块自动播放
- 上一张幻灯片和自动播放Jquery滑块,
- 为jquery.roundabout添加自动播放功能
- 如何自动播放jquery滑块