javascript - 使用 JQuery 或 Javascript 预加载网站上的所有图像

Question

目前我似乎找不到任何可靠的代码，但我想知道(如果可能的话)如何使用 JavaScript 或 JQuery 预加载网页上的所有图像。

也许有一个预加载屏幕或覆盖层，在图像预加载到网站时显示，然后在完成后淡出或消失。任何有关这方面的帮助/指导都会很棒!

谢谢!

Answer 1

您可以在页面加载时显示启动屏幕或加载屏幕，然后在 JQuery 告诉您页面已完全加载时删除此屏幕。像这样的事情:

$(document).ready(function() {
  // add loader
});

$(window).load(function() {
    // remove loader
});