向jquery插件添加自动幻灯片选项
我打算在网站上使用,但它没有自动播放选项。它只是在鼠标点击事件上滑动 jquery如下所示:向jquery插件添加自动幻灯片选项,jquery,slider,Jquery,Slider,我打算在网站上使用,但它没有自动播放选项。它只是在鼠标点击事件上滑动 jquery如下所示: (function($){ $('.square-slider').each(function(){ var slider = $(this), slides = slider.find('.slide'), currentSlide = 0; slides.show(); $(slides[cu
(function($){
$('.square-slider').each(function(){
var slider = $(this),
slides = slider.find('.slide'),
currentSlide = 0;
slides.show();
$(slides[currentSlide]).addClass('active');
$('.next,.prev', slider).show();
$('.prev', slider).on('click', function(){
slides.removeClass('active');
currentSlide--;
if(currentSlide < 0) currentSlide = slides.length - 1;
$(slides[currentSlide]).addClass('active');
return false;
});
$('.next', slider).on('click', function(){
slides.removeClass('active');
currentSlide++;
if(currentSlide > slides.length - 1) currentSlide = 0;
$(slides[currentSlide]).addClass('active');
return false;
});
});
})(window.jQuery);
(函数($){
$('.square slider')。每个(函数(){
变量滑块=$(此),
slides=slider.find('.slide'),
currentSlide=0;
slides.show();
$(幻灯片[currentSlide]).addClass(“活动”);
$('.next、.prev',slider.show();
$('.prev',滑块).on('click',function(){
slides.removeClass('active');
当前幻灯片--;
如果(currentSlide<0)currentSlide=slides.length-1;
$(幻灯片[currentSlide]).addClass(“活动”);
返回false;
});
$('next',slider).on('click',function(){
slides.removeClass('active');
currentSlide++;
如果(currentSlide>slides.length-1)currentSlide=0;
$(幻灯片[currentSlide]).addClass(“活动”);
返回false;
});
});
})(window.jQuery);
我应该添加什么使它能够从一个图像自动滑动到另一个图像。您可以做的是定期触发下一个按钮单击事件 示例
setInterval(function(){
$('.next').trigger('click');
},2000);
将这些代码包装成如下函数:
function next() {
slides.removeClass('active');
currentSlide++;
if(currentSlide > slides.length - 1) currentSlide = 0;
$(slides[currentSlide]).addClass('active');
}
setInterval( next(), 5000);
然后您可以使用javascript的setInterval()
函数,如:
function next() {
slides.removeClass('active');
currentSlide++;
if(currentSlide > slides.length - 1) currentSlide = 0;
$(slides[currentSlide]).addClass('active');
}
setInterval( next(), 5000);
这样,next()函数将每5秒执行一次。thanx,请您提供一个演示,或者将上面的建议作为我提到的代码的一部分。我真的是新手,不知道如何调用下一个函数。