使背景圖片褪色向左移動

Question

我有這樣整齊jQuery slider去，我想有像慢慢從右側滑動至左側，因爲它在淡出

在看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 
}); 

如果我把這段褪色，圖像幻燈片只是幻燈片的持續時間加上旋轉木馬的持續時間後離開。換句話說，就在圖像切換之前，它向左滑動。另外，我想控制速度，因爲過渡應該非常緩慢。

如何使圖像不斷向左滑動，就好像它是一種不停止的流體運動？

Answer 1

我強烈建議使用GreenSock (GSAP) v12來製作動畫效果。使用timelineMax功能排列多個動畫並同時播放它們，而不是一個接一個播放。這是更靈活，然後jQuery的動畫和淡入淡出。它可以讓你完全控制，並與jQuery的工作得很好。