在显示之前等待图像被加载

Question

是否有完整加载后显示图片的简单HTML / XHTML / CSS代码？

原因是因为我有一个相当大的背景图像和标题图像（Bytes-Wise），并希望在浏览器中显示之前等待图像完全加载。

我认为逐位观看图像加载有点没吸引力。

谢谢！ 亚伦

Answer 1

从visibility:hidden开始，在图片的onload事件处理程序中将其更改为visibility:visible。

编辑：示例

在您的HTML中，有：

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

在您的脚本中，有：

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