前端图片懒加载插件jquery.lazyload.min.js

HTML部分

<img class="lazy"  data-original="/img/ercode_bottom.png"/>
           

页面引入

<script type="text/javascript" src="/js/jquery-1.7.2.min.js?v=2019022701"></script>
<script src="/js/jquery.lazyload.min.js?v=20123"></script>
           

尾部使用

<script>
    $(document).ready(function() {
        $("img.lazy").lazyload();
    });
</script>
           

注意事项：

页面中已显示的加载出来，overflow:hidden隐藏起来的图片要scroll初始化一下；例如

<script>
    $('#idDom').scroll(function(){
        $("img.lazy").lazyload();
    })
</script>
           

使用目的：

优化页面性能，提升用户体验，减少服务器压力；

插件地址：

https://pan.baidu.com/s/1ewyrpdZkn7O8u1D1q51Vu

提取码：9p9u