jQuery 图片懒加载延迟加载 lazyload 插件

小渣渣

需求：HTML 页面图片太多，如果用户第一次访问的时候会非常慢，因为需要加载上百张图片，从网上找了一些图片懒加载延迟加载的方案，原理就是 img 标签 src 地址设置成相同的地址，然后 data-xxx 设置真实的图片地址，当页面加载完成后，遍历所有的 img 标签，将 data-xxx 地址替换到 src 地址里面。



lazyload 插件地址：https://github.com/tuupola/lazyload

下载：


lazyload-1.9.7.zip (781.69 KB, 下载次数: 1)

2023-4-5 20:15 上传

点击文件名下载附件

使用教程

在 data-original 属性设置成真实的图片地址，如下：

登录可见。

然后，在 HTML 最下方调用如下 js 代码：

登录可见。

（完）

飞鱼

学习学习

jxjbao

学习学习