在图片中需要做页面懒加载功能
1.jquery的用法
jquery的插件为lazyload.js，用法非常简单，data-original="图片真实地址"，src="懒加载图片地址"，然后js就一句话$("img").lazyload();
2.还有一种方法就是把懒加载图片写成页面的背景，然后src="图片的真实地址"，这种方法基本效果跟懒加载差不多，但是他不能做到按需加载，一些不需要动态加载的图片，例如网页头部的一些单张图片等可以考虑这种办法
3.zepto用的是picLazyLoad的插件，用法与jquery的lazyload基本一致，只是js要写$("img").picLazyLoad();
当然jquery的插件和zepto的插件都会有一个相同的bug，就是在滑动分页加载出来的图片，并不能很好的显示，解决办法是在滑动分页的success中吧js中的这句话$("img").lazyload();或者$("img").picLazyLoad();加入即可解决这个问题
阅读(5738) | 评论(0) | 转发(0) |
