Emlog图片懒加载非插件实现教程

效果样式图：

方法如下：

1.     上传附件内的lazyload.gif到模板的lib/images文件夹

2. 上传附件内的lazyload.js到模板的lib/js文件夹

3.打开header.php文件，在/head标签前插入

	
	

		 <script src="https://www.xkwo.com/article/<?php echo TEMPLATE_URL;?>lib/js/lazyload.js"> 
	

	

		 </script> 
	

4.打开footer.php文件，在/footer标签后插入

	
	

		 <script src="https://www.xkwo.com/article/<?php echo TEMPLATE_URL;?>lib/js/lazyload.js"> 
	

	

		 </script> 
	

	

		 <script>echo.init({ 
	

	

		  
	

	

		 offset: 100, 
	

	

		  
	

	

		 throttle: 250, 
	

	

		  
	

	

		 unload: false, 
	

	

		  
	

	

		 callback: function(element, op) { 
	

	

		  
	

	

		 console.log(element, 'has been', op + 'ed') 
	

	

		  
	

	

		 } 
	

	

		  
	

	

		 }); // ***图片懒加载***// 
	

	

		 </script>