懒加载echo

1、引入<script type="text/javascript" src="script/echo.min.js"></script>
2、给有懒加载的函数调用 echo.init();

注:img标签必须加 class="lazyload";
        img的src中可不传值,也可用背景图;
        data-echo中为数据加载到的真实地址

	function showListData(typeid, page, callback){
		boktour._postAjax(
			'http://api.bang.boktour.com/SearchMachine/Search',
			{
				typeid: typeid,
				pageIndex: page,
				pageSize: 10
			},
			function(ret){
				var list=ret['data']['list'];
				//列表图
                                var html='';
				for(var i=0; i<list.length; i++){
                                    html+='<img src="image/loading.gif" data-echo="'+list[i].pic+'" class="lazyload"/>';
	 			}
				echo.init();
			}
		)
	}
3、这一点来自网络。我的列表项是在body元素中的一个ul,不是body在滚动,是这个ul在滚动,看了一下源码,似乎这个插件定死了只能监听body滚动事件,于是动手改造之。改造之后,传到了github上。开发者修改好后的echo.js

猜你喜欢

转载自blog.csdn.net/bettergg/article/details/80253224
今日推荐