工作备忘之懒加载（jquery-lazyload)

js引用:

     <script src="https://m.ilife.cn/Common/INC/js/wap/jquery-3.3.1.min.js"></script>
     <script src="https://www.ilife.cn/busiJs/lazyload/jquery.lazyload.min.js"></script>

 

html标签示例：

     

<div class="ProBanner"><a ><img  class="lazy removeheight" src="images/global/grey.gif" data-                       original="https://i.ilife.cn/Wap/Promotion/La_Ricci_fxjn_new/La_Ricci_fxjn_01.jpg" alt="***" width="100%"/></a></div>

 

注意：removeheight是设定高度样式；

css:

     

 .removeheight{height:xxpx}

 

懒加载设置（加载后移除高度类）：

<script>
    //懒加载
            $("img.lazy").lazyload({
                        effect: "fadeIn",
                        threshold: 400,
                        load: function () {
                          $(this).removeClass('removeheight');
                               }
                    });
 </script>