需要jQuery自动功能吗

我已经为我的网站创建了一个简单的滑块，它在这里运行良好

现在我想让这个滑块自动工作？ 有什么想法吗

jQuery(document).ready(function() {
     jQuery('.sliderBtn li:eq(0) a').click(function()
     {
     jQuery('.sliderBtn li:eq(0)').addClass('activeSlide');
     jQuery('.sliderBtn li:eq(1)').removeClass('activeSlide');
     jQuery('#homeSliderSlideshow').animate({'left':'0'},'slow');
     });

     jQuery('.sliderBtn li:eq(1) a').click(function()
     {
     jQuery('.sliderBtn li:eq(0)').removeClass('activeSlide');
     jQuery('.sliderBtn li:eq(1)').addClass('activeSlide');
     jQuery('#homeSliderSlideshow').animate({'left':'-100px'},'slow');
     });

});

HTML:

1.
2.
3.
4.

查看该函数，您可以使用它每隔几秒钟循环浏览幻灯片

jQuery(document).ready(function() { 

    var value=0;
    setInterval(function(){
        value=value==0?-100:0;


        if(value==0)
        {
           jQuery('.sliderBtn li:eq(0)').addClass('activeSlide');
           jQuery('.sliderBtn li:eq(1)').removeClass('activeSlide');
        }else if(value==-100){
           jQuery('.sliderBtn li:eq(1)').removeClass('activeSlide');
           jQuery('.sliderBtn li:eq(0)').addClass('activeSlide');
        }


        jQuery('#homeSliderSlideshow').animate({'left': value + 'px'},'slow');
    },2000);

});

---

你能详细解释一下“自动”是什么意思吗？这里有两张幻灯片“左”和“右”。需要自动做什么？我的意思是需要不加点击地工作？让它滑动104px而不是100用于正确的对齐（你忘了考虑边界）-@ bFavaReto正确的对齐在这里并不重要。demo@ankur20us，实际上我喜欢你的代码，但仍然缺少活动类。很好，但是你改变了我所有的jquery脚本（这不是问题）我不是jQuery专家，所以我不知道它是如何与你的代码协同工作的，所以我想问你能用我自己的代码吗？@ShibinRagh谢谢你的及时评论。你的代码不适合你的需要。在我向你解释之后，这段代码实际上非常简单。如果你愿意，我可以带你浏览。@ShibinRagh我将创建一个带有注释的演示。只是一个简单的例子第二节。@Roko C.Buljan-你能给我你的skype id吗？我不知道我能在这里问一下吗！让我们来

jQuery(document).ready(function() { 

    var value=0;
    setInterval(function(){
        value=value==0?-100:0;


        if(value==0)
        {
           jQuery('.sliderBtn li:eq(0)').addClass('activeSlide');
           jQuery('.sliderBtn li:eq(1)').removeClass('activeSlide');
        }else if(value==-100){
           jQuery('.sliderBtn li:eq(1)').removeClass('activeSlide');
           jQuery('.sliderBtn li:eq(0)').addClass('activeSlide');
        }


        jQuery('#homeSliderSlideshow').animate({'left': value + 'px'},'slow');
    },2000);

});

(function($){  // remap '$' to jQuery

  $(document).ready(function(){
    
    var c = 0;
    var t;
    var n = $('#homeSliderSlideshow li div').length/2;
    
    function actives(){
      $('.sliderBtn li:eq('+c+')').addClass('activeSlide');
      $('.sliderBtn li:eq('+c+')').siblings('li').removeClass('activeSlide');
    } 
  
    function anim(){
        $('#homeSliderSlideshow').animate({left : -(c*104)},800);        
    }
                 
    function autoAnim(){
            t = setTimeout(function(){
                c=++c%n;
                actives();
                anim();
                autoAnim();
            },2000);
    }
    autoAnim();
               
    $('.sliderBtn li').click(function(e){
        e.stopPropagation();
        clearTimeout(t);
        c = $(this).index();
        actives();
        anim();
        return false;
    });
  
});

 })(jQuery);