如何实现图片的逐步加载

互联网时代，虽然我们号称3G，4G，但是大部分人并不会敞开了用，具体原因你懂的，做图片站的问题就是加载速度的问题了，原因无非在服务器端，包括服务器的性能，以及服务器的带宽，或者是在我们的浏览器端的网速，甚至是我们自己浏览器端设备的性能。

因此如果能实现图片的分布加载，一定程度上是一件非常有福的事情，之前一直还都不知道，终于看到别人的网站实现了图片分布加载，从网上搜了实现方法，其实很简单，基本上就那么几步就ok，这里我们用的是jquery的lazyload库。

实现步骤如下:

1. 从网上下载一个lazyload库文件比如我的文件也可以借用:http://www.meiniu.org/js2015/jquery.lazyload.js放到头文件包含

2. 添加简单的调用代码：

<script>

jQuery(document).ready(

function($){

$(".web_content_left img").lazyload({

effect : "fadeIn"

});

});

</script>

就这么简单，分布加载就完成了，蓝色部分代码可能会根据实际情况进行调整。