连续滚动图像横幅Jquery

时间:2012-04-23 08:43:06

标签: jquery animation loops slider

我有一个客户要求连续滑动横幅,基本上它是一个图像,从左到右超过5秒,我知道如何做到这一点,我只需要知道如何设置它所以它循环和它像连续动画一样播放

$(document).ready(function() {
        function slide() {
          $(".img1").stop(true).animate({'left' : '960px'}, 5000);
        }

        slide();
     });

由于

修改

好的尝试这个,仍然没有循环,一直在尝试setIntervals但没有工作,我知道我错过了一些简单的东西,但是什么

    function slide(){  
        $('.homepageslider').animate({   'left' : '0px'  }), 
            { duration: 5000,
                complete: function() {  $(".homepageslider").css('left','-2028px');
                     slide();    
            }
            }

};

1 个答案:

答案 0 :(得分:1)

 $('#book').animate({
   'left' : '960px'
  }, {
    duration: 5000,
    complete: function() {
     //reset image position
      $(".img1").css('left','0px');
     // activate animation again
       slide();

    }
  });

我更喜欢在当前图像之后附加图像的克隆,并在它看不见之后删除之前的图像,因此它看起来无缝,但您也可以尝试上面的代码。