Question

如何在第一次加载页面时阻止图像闪烁。

（无格式内容的Flash）

我试过

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

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

然而，我仍然看到图像的闪烁

Answer 1

问题是在jquery的.ready（）函数执行之前正在呈现html，因为.ready（）在页面和所有html加载后执行。

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

#content {
    display:none;
}

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

$（'document'）。ready准备好在DOM准备好时运行代码，但不运行时   页面本身已加载，即网站尚未绘制   像图像这样的内容尚未加载。

$（window）.load在页面绘制完毕后运行代码   内容已加载。当你需要得到时，这可能会有所帮助   图像的大小。如果图像没有样式或宽度/高度，则不能   除非你使用$（window）.load。
，否则得到它的大小

加载网页时防止图像flickr

1 个答案: