jQuery图像滚动条 - 连续循环

Question

我编写了一个基本的图像滚动条，随机定位图像（在a中）然后让你使用两个按钮来左右动画。

到目前为止，一切运作良好，我让每个图像以不同的速度移动，当你停止对按钮进行操作时，一切都停止了。

但是我想要的最后一个功能是让图像“循环”回来，所以如果它们离开左边缘，它们会重新出现在右边，反之亦然。

这可能吗？

这是我的代码：

<script type="text/javascript">
    $(document).ready(function() {

        $('.Product_List li').each(function() {
            $(this).css('left', Math.floor(Math.random() * 1280));
            $(this).css('top', Math.floor(Math.random() * 200));

            var $speed = Math.floor(Math.random()*1000000);

            $(this).animate({left: "+=1280px"}, $speed, 'linear');
        });

        $('.moveLeft').hover(
            function() {
                $('.Product_List li').stop();
                $('.Product_List li').each(function() {
                    var $speed = Math.floor(Math.random()*1000000);
                    $(this).animate({left: "-=1280px"}, $speed, 'linear');
                });
            },
            function() {
                $('.Product_List li').stop();
            }
        );
        $('.moveRight').hover(
            function() {
                $('.Product_List li').stop();
                $('.Product_List li').each(function() {
                    var $speed = Math.floor(Math.random()*100000);
                    $(this).animate({left: "+=1280px"}, $speed, 'linear');
                });
            },
            function() {
                $('.Product_List li').stop();
            }
        );
    });
</script>

希望有人可以解释我的要求！