图片加载之前显示加载中或者加载中图片

最新推荐文章于 2020-11-08 09:21:41 发布

原创最新推荐文章于 2020-11-08 09:21:41 发布 · 6.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js效果

js 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种利用CSS和JavaScript实现图片懒加载的方法，通过隐藏图片直至加载完成再显示的方式提升用户体验。此技术有助于减少页面初始加载时间，并优化移动端设备上的性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <style>  
    #loader{  
    visibility:hidden;  
    }  
    </style>  
    <span id="loaderInfo">Loading...</span>  
    <img id="loader" onload="this.style.visibility='visible';loaderInfo.style.display='none'" src="http://desk.blueidea.com/DESK/16001200BZ/1600WaterCity_3/1600WaterCity_3001.jpg"/>