Jquery .动画不是很平滑

我正在创建一个网页，其中的背景动画从左到右和循环。然而，动画非常跳跃，一点也不吸引人。我不确定是不是因为图像太大了

我已经在下面发布了我的代码，如果您能告诉我如何使动画流畅，我将不胜感激

谢谢

<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>

---

如果你怀疑这是因为它是一个大的形象，那么很可能就是这样。你能给我们一个链接让我们看看吗？我目前正在本地主机上开发。这张图片宽3357px，宽335px，我可以试着把图片分成几个单独的图片，让每个图片在卷轴上挨着一个。所以我得到了同样的效果，但对于较小的图像，可能会摆脱跳跃动画？值得一试，但我猜越小的图像就越有动画，所以它实际上可能会使情况变得更糟。不过，如果这真的管用的话，这对其他人来说将是一个很好的建议。除了使用一个小图片并将其放大外，我真的无法提出任何其他建议-显然会失去一些质量。我会尝试一下，让你知道我的进展，再次感谢