逻辑:引入jquery.js库和jquery.lazyload.min.js插件,在当前页需要懒加载的图片标签里面添加lazy类和data-original属性,在页尾script地方调用$("img.lazy").lazyload();即可。
STEP1:引入资源
<!--页尾引入js文件--> <script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery.lazyload.min.js"></script>
STEP2:HTML代码格式
<!--必须含有clsss=lazy和data-original=--> <img class="lazy" alt="" width="640" height="480" data-original="img/example.jpg" />
STEP3:页面中加载
$(function() { $("img.lazy").lazyload(); });