https://github.com/quansitech/progressive-image
渐进性加载图片插件
https://github.com/quansitech/progressive-image
Last synced: 15 days ago
JSON representation
渐进性加载图片插件
- Host: GitHub
- URL: https://github.com/quansitech/progressive-image
- Owner: quansitech
- Created: 2021-04-18T12:44:03.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-04-26T05:55:27.000Z (about 5 years ago)
- Last Synced: 2025-03-02T23:44:08.508Z (over 1 year ago)
- Language: JavaScript
- Size: 2.93 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 渐进式图片加载
1. 先通过加载小图并模糊化提高用户体验，最后再加载高清图替换掉小图
2. 高清图的加载替换会延迟进行，只有窗口滚动到图片的位置才会触发高清图的加载替换。
3. 支持img标签和div background-image的渐进式加载
## 用法
```javascript
```
需要使用渐进式加载的img标签
```javascript
//data-src 放需要加载的高清图
//src 放模糊小图
//class 必须加上 qs-progressive-image 插件会自动寻找有该类的标签进行渐进图片处理
```
div 背景图的用法
```javascript
//data-src 放需要加载的高清图
//background-image url 放模糊小图
//class 必须加上 qs-progressive-image 插件会自动寻找有该类的标签进行渐进图片处理
```