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

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

可能有一个预加载屏幕或覆盖图，当图像被预加载到网站时显示，然后淡出或完成后消失。任何帮助/方向都会很棒！

谢谢！

您可以在页面加载时显示启动画面或加载屏幕，然后在JQuery告诉您页面已满载时删除此屏幕。像这样的东西：

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

你的意思是加载一组图像（如画廊？）。如果是这样，那么你可以用jQuery做到这一点。你有没有看过Image Loader插件？看起来它会做你想要的：

在运行它之前将div放在其顶部然后在complete（）回调中将其删除它将是微不足道的。

您可能还想查看这个SO主题，它也谈到了一个插件（这将是您最好的选择，IMO）： JQuery在开始幻灯片放映之前等待页面完成加载？

这是我的预加载器。首先显示预加载器，并在加载整个页面时隐藏预加载器并显示内容。试试这个，它非常简单，易于更改。这是我的博客文章链接到演示和代码（~1 Kb）：使用jquery预加载网站

这将自动为您的网站预加载CSS中的所有图像： http ： //www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/

我不认为你应该有一个加载屏幕，因为这对你的用户来说非常烦人。