素材巴巴 > 程序开发 >

jquery实现 图片延迟加载

程序开发 2023-09-03 16:09:01

图片延迟加载的大致的原理是,对于图片标签不是把图片的路径指定到src属性上,src属性指定一个非常小的空白图片,真正的图片地址设置到一个自定义的属性上,比如file,这样img标签就是这样:或者背景直接把一张小的空白图作为背景色。

我的设计思想采用第二种:

1:先把刷新的小图片 作为图片的背景图片,根据onload判断图片是否加载完成,onload官方手册的说明:

如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。