Javascript 每次用户滚动时更改背景图像

当我向下滚动页面时，我希望在每次滚动时将背景图像从一个图像更改为另一个图像，而不是向下滚动。我如何做到这一点？

我为您制作了一个样本：

---

您可以有一个图像URL数组。通过增加每个滚动中计数器变量的值，您可以将计数器变量用作数组的索引，从而移动到数组中的下一项。

我猜您可以开始编码。到目前为止你做了什么？要在JS中计数，你可以使用

count++$(function(){

    var count = 0;
   var images = ['http://globe-views.com/dcim/dreams/sky/sky-01.jpg',       
                 'http://fc07.deviantart.net/fs70/i/2010/249/8/f/funny_sky_by_miffliness_stock-d2y71pa.jpg', 
                 'http://images.nationalgeographic.com/wpf/media-live/photos/000/010/cache/mackerel-sky_1054_990x742.jpg'
             ]

    $(window).scroll(function(){       

      $('body').css('background-image','url(' + images[count] + ')');
      $('body').css('background-repeat','no-repeat');

       count = count + 1;
       if(count == images.length) //reset the counter
          count = 0;
    });
});