2012-04-23 91 views
0

我有一个客户端请求连续滑动横幅,基本上它是一个图像,从左到右移动超过5秒,我知道该怎么做,我只需要知道如何设置它高达所以循环和它起着像一个连续的动画连续滚动图片横幅Jquery

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

     slide(); 
    }); 

感谢

编辑

OK尝试这一点,仍然没有循环,一直在努力setIntervals但没有工作,我知道我失踪有些简单,但是什么

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

}; 

回答

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

    } 
    }); 

我喜欢目前的图像后追加图像的克隆,一旦它的淡出人们的视线中除去以前的图像,所以它看起来浑然一体,但你也可以试试上面的代码。

+0

无法让它循环静止 - 图像重置,但无法找到一种方法来启动它,一直在尝试setinterval,但它的混乱作为theres 2功能即时猜测 – Callam 2012-04-23 10:35:42

+0

尝试声明函数slide()以外的文档。准备。只保留document.ready中的函数调用。 – Gaurav 2012-04-23 10:37:49

+0

nope,可能是一个虚拟的,但看看即时尝试编辑 – Callam 2012-04-23 10:48:33