[easyUI] lazyload 懒加载

Posted 2020-11-20 zienzir

　　1.使用<img>标签将图片都写在网页上.

<div style="height:450px;"><h1>请往下看，有图片的吆！</h1></div>
    <img class="lazy" src="<%=path%>/img/load.gif" data-original="<%=path%>/img/bmw_m1_hood.jpg">

 

2.使用jquery.lazyload.js的jquery文件中的函数lazyload()

         $(function(){
               $("img").lazyload({
                 effect:"fadeIn"//使用淡入效果
             });
        });

3.效果,只有下拉到目标位置时,才会加载图片,如果没有缓存,会有一个延迟加载的圈圈.