Question

我有一个包含连续数字（1,2,3 ..）的400张图像的文件夹（将视频转换为图像）。我想用滚动位置更改的文件夹中的那些图像增加或更改窗口背景。我是新手有什么建议吗？

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+"});
});

那可能会这样做，但我还没有测试过它。

Jquery通过滚动更改图像

2 个答案: