1

我试图创建一个连续的滑块图像，它会自行循环，我已经成功地让它工作了，但现在我面临的问题是，在图像再次循环之前，有很大一部分过渡带有空白空间

我正在寻找一种可以让图像端到端循环的方法，因此过渡中没有间隙，在此先感谢

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();
        }
});
4

1 回答 1

0

我认为诀窍可能是使用多个图像而不是一个大图像。您遇到的问题是动画不会重新启动，直到图像离开您为动画指定的 960 像素区域。

但是，如果您在正确的位置剪切图像（我建议找出图像中的逻辑、​​上下文中断），那么当第一张图像在序列中再次出现时，它应该离开页面。

于 2012-04-23T16:51:31.593 回答