Javascript 加载网页时防止图像flickr

如何防止页面首次加载时出现图像flickr

（未设置样式的内容的闪烁）

我试过了

$(document).ready(function(){
   $('#content').hide(); // This content area contains the images
});

$(window).load(function(){
    $('#content').show();
});

---

但是，我仍然可以看到图像的flickr，问题是html在jquery的.ready（）函数执行之前呈现，因为.ready（）在页面和所有html加载之后执行

您可以通过在CSS样式表中设置内容样式并从.ready（）中删除.hide（）来解决问题

有关.ready（）和.load（）的信息：

$（'document'）。ready在DOM就绪时运行代码，但在 页面本身已经加载，也就是说，站点还没有被绘制和修改 像图像这样的内容尚未加载

$（window）.load在绘制页面并完成所有操作后运行代码 内容已加载。当您需要获得 图像的大小。如果图像没有样式或宽度/高度，则不能 获取其大小，除非使用$（window）.load

---

不要隐藏

document.ready上的内容。使用内嵌css隐藏
#内容
<代码>…

。然后离开

窗口。加载
。
#content {
    display:none;
}