Question

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

我正在寻找一种方法，我可以让图像循环结束，所以在转换中没有间隙，提前谢谢

编辑：

好吧，我用单独的图片尝试了它，但它让我的大脑流血，所以我采取了另一种方法，当它到达动画中的某个位置时尝试触发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

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

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

连续滑块动画无间隙jQuery

1 个答案: