JQuery无限水平背景图像平移

时间:2013-04-12 02:07:27

标签: jquery image infinite-loop panning

好吧所以我有一个我想用作背景的图像,但是它会像下面的图像一样滚动。

任何人都可以帮我解决这个问题或者将我链接到正确的方向吗?希望不是视差,除非你可以帮助我如何实现这种效果。我也不是要求任何人为我做这件事,我只需要一些指导。

在从搜索中发布这个并且找不到我想要的东西之后,经过3个小时的连续搜索后,没关系,我终于找到了我想要实现的目标。如果其他人需要此结帐this网站 - http://www.creativejuiz.fr/blog/doc/infinite-slideshow/

的帮助
$(function(){
   setInterval(function(){
      $(".slideshow ul").animate({marginLeft:-350},800,function(){
         $(this).css({marginLeft:0}).find("li:last").after($(this).find("li:first"));
      })
   }, 3500);
});

http://imageshack.us/scaled/landing/191/slideshowmain.gif

1 个答案:

答案 0 :(得分:2)

如果我没弄错的话,你应该克隆它两次并在原始图像之前放置一个克隆,然后放置另一个克隆。然后为它们中的三个设置动画并连续改变它们的位置以模拟无限滚动。 (我会试着为你做一个小提琴)