致力于打造中国站长娱乐学习的免费资源站!官方合作QQ:283852481

您当前的位置:首页 > 教程 > 网页设计 > JavaScript/JQuery

jQuery图片预加载(延迟加载)插件Lazy Load

时间:2016-11-20 15:52:40  来源:互联网  

Lazy Load也叫惰性加载,延迟加载,顾名思义,就是在图片未到达可视区域时,不加载图片,我们常常在很多的优秀网站上看到类似的例子,例如迅雷、土豆、优酷等,由于一个网页的图片非常多,一次性加载增加服务器压力,而且用户未必会拉到底部,浪费用户流量,Lazy Load采用按需加载,更快的加载速度从而达到优化网页的目的。jQuery,并在html代码的底部包含进来

<img class="lazy" data-original="img/example.jpg" width="640" height="480">CSS中定义,否则可能会影响到图片的显示。
$("img.lazy").lazyload({    effect :"fadeIn"});javascript的浏览器则要加上noscript内容:
#container {    height:600px;    overflow: scroll;}															

精彩广告