码迷,mamicode.com
首页 > 其他好文 > 详细

[easyUI] lazyload 懒加载

时间:2018-06-24 19:23:27      阅读:269      评论:0      收藏:0      [点我收藏+]

标签:jquery   jpg   original   cti   lazyload   src   pat   没有   color   

  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.效果,只有下拉到目标位置时,才会加载图片,如果没有缓存,会有一个延迟加载的圈圈.

[easyUI] lazyload 懒加载

标签:jquery   jpg   original   cti   lazyload   src   pat   没有   color   

原文地址:https://www.cnblogs.com/zienzir/p/9221208.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!