.animate不是很顺利

Question

我正在创建一个网页，其中背景从左到右动画并循环播放。然而，动画是非常跳跃的，根本没有吸引力。我不确定是不是因为图像非常大。

我已在下面发布了我的代码，并希望了解如何尝试使动画流畅的任何提示。

由于

<script type="text/javascript">
    var $jg = jQuery.noConflict();
    $jg(document).ready(function() {
        // Animate Cloud Loop //
        function cloud_loop($target, val) {        
            $target.animate({'background-position' : val+'px'}, 30000, 'linear', function() {
                $target.css('background-position','0');                
                cloud_loop($target, val);
            });
        }

        // Start Animation Loop //
        cloud_loop($jg('.skyline'), 3357);
    });
</script>