滑块不会重复

Question

我希望这张幻灯片仍然播放并不停止。就像一个自动循环。那么最好的代码是什么？如果你想编辑它，这里的JsFiddle

这里的JS代码：

var s = 0, 
    t = 2000; 
$(document).on('ready', slide); 

function slide() { 
    var speed = setTimeout(slider, t,); 
} 

function slider() { 
    s++; 
    var sld = $('#slider li'), 
     imgs = sld.length; 
    if (s == imgs) { 
     s = 0; 
    } 
    sld.eq(s - 1).animate({ 
     'left': '0px' 
    }, t, function() { 
     sld.eq(s).animate({ 
      'left': '0px' 
     }, t, function() { 
      speed = setTimeout(slider, t); 
     }); 
    }); 
} 

Answer 1

你的JavaScript改成这样：

var s = 1, t = 3000; 
$(document).on('ready', slider); 

function slider(){ 
    var sld = $('#slider li'), 
     imgs = sld.length; 
    if(s == imgs){ 
     $('#slider li').css('left', ''); 
     s = 1; 
    } 
    sld.eq(s).animate({'left': '0px'}, t, function(){ 
     setTimeout(slider, 1000); 
    }); 
    s++; 
} 

并为您JSFiddle。