https://github.com/tuupola/jquery_lazyload
基本使用方法
1、引入 jQuery 和 LazyLoad 插件:
<script src=”https://code.jquery.com/jquery-3.6.0.min.js”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js”></script>
2、在你的HTML文件中,将需要延迟加载的图像的src属性替换为data-original属性,并将src设置为一个占位符图像(例如一个透明的1×1像素的图像)。
<img class=”lazy” data-original=”path/to/image.jpg” src=”path/to/placeholder.jpg” alt=”Description”>
3、在你的JavaScript文件或HTML文件中的<script>标签内初始化LazyLoad插件。
<script>
$(function() {
$(“img.lazy”).lazyload({
effect: “fadeIn”
});
});
</script>