预加载没有图像名称的图像

Question

我正在寻找一个脚本或在页面满载之前预先加载图像的方法。我发现的是脚本，我必须写出图像的名称和根，我需要加载的东西：

在显示页面后，在加载图像期间加载页面的所有img以显示预加载图像（如加载或类似的东西）。

有可能吗？

我让alrady尝试了网络上的脚本，但是我找到了脚本，我必须将图像的名称放在一个数组中...我不需要它！

我希望javascript在所有标记之前加载（没有我设置图像的名称）而不是显示页面！

Answer 1

jquery有一个名为imageready的插件。

https://github.com/weblinc/jquery-imageready

我已多次使用它，它应该按照您的预期工作

Answer 2

只要DOM呈现HTML部分，您的浏览器就会开始下载图片。你需要做的是找到一个非常小的（几千字节）加载动画的合适的动画gif。然后有一些javascript隐藏您要显示的图像，您的浏览器仍在下载该图像。通过使用类似：Javascript callback for knowing when an image is loaded的内容，您将能够检查图像何时加载，并且回调可以隐藏其关联的gif并显示真实图像。