jQueryアニメーションが揺れています

Question

jQueryを使用して、バナータイプのコンテナでゆっくりと画像をパンするアニメーションを行っています。それはほぼ完璧に動作しますが、少しジッタがあるようです。私はそれをスピードアップし、それを遅くしようとしましたが、それはまだ揺れます。

私はまずハードウェアの問題かもしれないと思っていましたが、PCは高解像度の画像をパンすることができませんでした。しかし、私は、画像の品質を低下させたり、減らしたりして、問題ではないことを確認しました。

あなたはここでパンの画像を表示することができます。http://parkland2.wethink.ca

アニメーションコード：

jQuery.fn.extend({ 
    letsTravel: function() { 
     var horizontalRange = jQuery(this).width() - jQuery(this).parent().width(); 
     var verticalRange = jQuery(this).height() - jQuery(this).parent().height(); 
     var halfHeight = div(verticalRange,2); 
     //horizontalRange and verticalRange are maximum valid horizontal/vertical offset 
     //all coordinates should be below 0 because start point is 0,0 
     jQuery(this).animate({left: (horizontalRange-120)*(-1), top: halfHeight*(-1)},20000, 'linear', function(){ 
      jQuery(this).animate({left: horizontalRange*(-1), top: verticalRange*(-1)},20000, 'linear', function(){ 
       jQuery(this).animate({left: (horizontalRange/2)*(-1)},10000, 'linear', function(){ 
        jQuery(this).animate({left: 0, top: halfHeight*(-1)},20000, 'linear', function(){ 
         jQuery(this).animate({top: 0},10000, 'linear'); 
        }); 
       }); 
      }); 
     }); 
    }  
}); 

任意のアイデア？

おかげ

Answer 1

あなたのコードに誤りがあります。垂直移動が行われているとき、水平位置は一定ではない。これにより、問題が発生します。適切な機能を教えてください。