没有间隙的连续滑块动画jQuery

Question

我试图创建一个连续的滑块图像，它自己循环，我已经成功地获得它的工作，但我现在面临的问题是有很大一部分转换与空白空间直到图像圈又一轮

我正在寻找一种方式，我可以得到图像循环端到端所以在过渡期没有差距，在此先感谢

http://jsfiddle.net/Antifaith/tqBMQ/

编辑：

好吧，我尝试了单独的图像，但它使我的大脑出血，所以我采取了另一种方法，试图在动画中的某个位置触发if语句 - 现在只有问题是触发slidetown（） ;一秒钟超过一百万次，并停止工作 - 今天早上我已被分配到别的东西，真的可以使用一些帮助！

http://jsfiddle.net/Antifaith/tqBMQ/1/

$(document).ready(function slidetown(){ 
$('.rotation').animate({'left' : '960px'} , { 

    duration: 15000, 
    easing : "linear", 
    complete: function() { 
     $(this).css('left','-2028px'); 
     slidetown(); 
    } 
    }); 
var pos = $('.rotation').position(); 
     if (pos.left < 0) { 
      slidetown(); 
     } 
}); 

Answer 1

我认为伎俩可能是使用，而不是一个大的多张图片。您遇到的问题是动画在图像离开您为动画指定的960像素区域之前不会重新启动。但是，如果您在正确的位置剪切图像（我建议计算图像中的逻辑上下文分解），则第一个图像应该在页面到达时再次离开页面序列。