将隐藏图像加载到 HTML [重复]答案

【问题标题】：Load hidden image to HTML [duplicate]将隐藏图像加载到 HTML [重复]
【发布时间】：2013-06-17 00:53:09
【问题描述】：

我对几张图片进行了一些操作，但为了顺利进行所有操作，我需要浏览器来加载图片。例如，如果我这样做 $('body').append(''); 一切正常，加载图像没有延迟。

如果我在图像上尝试style="display:none;"，它不会被浏览器加载，并且在执行脚本时仍然存在延迟。

您能否提供其他解决方案？谢谢

解决方案：$('<img/>')[0].src = mouseOverImg; 来自Preloading images with jQuery

【问题讨论】：

【解决方案1】：

尝试使用visibility: hidden; 而不是display:block; 而display:none; 没有请求，您的 div 上没有指定图像的空间。它只会在display: inline; 或display:block; 时加载

希望对你有帮助

【讨论】：

【解决方案2】：

尝试使用$(document).ready(function(){ ** Your code at this place ** }); 声明

【讨论】：

【解决方案3】：

您可以尝试将其位置设置为屏幕外。

这意味着它对当前用户视口不可见，但它是在 html 中创建的。

【讨论】：