jquery - 使背景图像淡入并不断向左移动

Question

我有这个整洁的jQuery 滑块，我想让图像在淡入时从右向左缓慢滑动。

在查看 jQuery 时，我看到了这一点：

switch(effect){
    case 'fade':
    $new.css({'z-index':zPos,'top':'0','left':'0','display':'none'}).fadeIn(speed);

现在我想让图像在淡入时不断向左滑动，直到出现下一张图像。

$new.animate({
    left: parseInt($new.css('left'),10) == 0 ?
    -$new.outerWidth() :
    0
});

如果我将此附加到淡入淡出，则图像仅在幻灯片持续时间加上轮播持续时间后才向左滑动。换句话说，就在图像切换之前，它向左滑动。另外，我想控制速度，因为过渡应该很慢。

如何使图像不断向左滑动，就好像它是不间断的流体运动一样？

score 0 · Accepted Answer

我强烈推荐使用GreenSock (GSAP) v12来制作动画效果。使用timelineMax 功能来排列多个动画并同时播放它们，而不是一个接一个地播放。它比 jquery 的动画和淡入淡出更灵活。它使您可以完全控制并与 jquery 一起工作。

1 回答 1