将隐藏的图像加载到HTML

Question

我用几张图片做了一些动作，但为了顺利完成所有工作，我需要浏览器来加载图像。 例如，如果我这样做        $（ '主体'）追加（ ''）。 一切正常，加载图像没有延迟。

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

你能为我提供任何其他解决方案吗？感谢

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

Answer 1

尝试使用visibility: hidden;代替display:block; 虽然display:none;没有请求，并且div上没有指定图像的空间。它只会在display: inline;或display:block;

时加载

希望有所帮助

Answer 2

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

进行声明

Answer 3

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

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