前端圖檔懶加載插件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