图片懒加载插件jquery.lazyload.js

曹え 5811 发布于:2023-03-09 06:31:28

根据滚动到的页面位置加载图片,能够提升加载速度

第一步

安下面的例子,在img上修改属性和class名

注意需要把src属性改成data-original属性

<img class="lazy" data-original="images/16757508365273.jpg">


第二步

要先引入过jquey.js

在页面底部插入下面js代码

<script type="text/javascript" src="/js/jquery.lazyload.js"></script>      
<script>    
$("img.lazy").lazyload({effect: "fadeIn"});   
</script>


懒加载插件下载

1678343498000.zip



觉得有用请点个赞吧!
0 384