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;}
一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。