等待图片加载后再显示

Question

是否有一个简单的 HTML/XHTML/CSS 代码用于在完全加载完成后显示图像？ 原因是我有一个相当大的背景图像和标题图像（按字节），我想等待图像完全加载后再显示在浏览器中。

我相信一点一点地观看图像加载有点没有吸引力。

Answer 1

visibility:hidden

开始，然后在图像的 onload 事件处理程序上将其更改为

visibility:visible

。

编辑：示例

在您的 HTML 中，有：

<img onload="imgLoad(this)" style="visibility:hidden" ... />

在你的脚本中，有：

function imgLoad(img) {
    img.style.visibility='visible';
}