Lazy Load图片懒加载

admin   ·   发表于 2020-12-17   ·   代码的日常

使用

lazyload依赖与jquery。所以先引入jquery和lazyload

<script src="jquery.js"></script>
<script src="jquery.lazyload.js"></script>

1.将图片路径写入data-original属性
2.给lazyload的图片增加一个名为lazy的class
3.选择所有要lazyload的图片(img.lazy),执行lazyload();

下面是html以及js

<img class="lazyload" data-src="example.jpg" width="80" height="120" />
window.addEventListener("load", function(event) {
    lazyload();
});


给一个官网地址:https://www.lazyloadjs.cn/








0 Reply   |  Until 2020-12-17 | 544 View
LoginCan Publish Content
每日签到
0人
连续签到0天