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

Posted 2023-05-07

【中文标题】将隐藏图像加载到 HTML [重复]

【英文标题】：Load hidden image to HTML [duplicate]

【发布时间】：2013-06-17 00:53:09

【问题描述】：

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

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

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

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

【问题讨论】：

试试不透明度而不是显示？

相关：jakearchibald.github.io/request-quest

【参考方案1】：

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

希望对你有帮助

【参考方案2】：

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

【参考方案3】：

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

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