首页 > 其他 > 详细

[easyUI] lazyload 懒加载

时间:2018-06-24 18:30:46      阅读:391      评论:0      收藏:0      [点我收藏+]

  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 懒加载

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!