Jquery通过滚动更改图像

Question

我有一个文件夹，里面有400个以连续数字命名的图像（1,2,3..）（将视频转换为图像）。我想增加或改变窗口背景与那些图像在文件夹中滚动位置的变化。我是新手，有什么建议吗？

Answer 1

使用滚动事件

jQuery(window).on("scroll",function() {
   if( some condition is true ) { //do some kind of check to see if you are
                                  //far enough down to require a change
      var lastbg = jQuery("body").css("background-image");
      //do some manipulation to get the last number
      jQuery("body").css({backgroundImage:"url(urltonewimage)"});
   }
});

Answer 2

您可以使用scrollTop（）来计算它滚动了多远，然后相应地更改图像。

jQuery(window).on("scroll",function() {
   var n = $(window).scrollTop(); // Set scroll number
   if (n <= 0) { var n = 0; } // Check that value isn't smaller than 0
   jQuery("body").css({backgroundImage:"url(imagename"+n+"});
});

这可能会做到，但我还没有测试过。