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>

 

作者 admin

百度广告效果展示