等待图片加载后再显示

问题描述 投票:0回答:1

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

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

css image xhtml
1个回答
3
投票
visibility:hidden

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

visibility:visible

编辑:示例

在您的 HTML 中,有:

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

在你的脚本中,有:

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

© www.soinside.com 2019 - 2024. All rights reserved.