图片延时加载 小记

最近因为图片服务器压力变大，无页面显示优化。引入图片延时加载。
图片lazy load实现

1.css //主要用于图片未加载前的占位

 .lazy img {width:148px;height:118px;background: url("../images/loading.gif") 50% no-repeat;}

2. 图片引用 data-echo中是实际要加载的图片

<div class="lazy">  
   <img class="lazy" src="images/blank.gif" data-echo="images/111.png">
</div>

3.引用js offset距离多少时触发加载 throttle多少秒后加载

	<script src="__TMPL__/Public/assets/js/echo.min.js"></script>
   	<script>
   	Echo.init({
   		offset: 0,
   		throttle: 1000
   	});
</script>

引至：https://github.com/helijun/documents/tree/master/plugin/echo