刚才需要做一个手机自适应网页，里面用到很多图，于是就想用lazyload或scrollLoading.js来延迟加载，可是问题来了，这2个插件都需要给图片加width="xxx" height="xxx"才可以生效。(如图)

这就导致了图片的宽或高是固定的，无法自适应。
所以，怎么样才可以使用lazylod或scrollLoading.js的同时，其对应的图片也自适应呢？

固定宽和高可以更加精确的知道图片的位置，也就可以算出什么时候图片在可视区域中。
可以自己写一个lazyload, 不难。
关键的地方就在于页面滚动的距离（scrollTop），图片距离页面顶部的偏移量(jQuery.offset)和可是区域的大小(clientHeight 和 clientWidth)。

既然是lazyload, 最好是在接近图片的时候就加载图片，这样可以在到达图片位置时，图片已经在加载货加载完成了。

CDN 存储服务由 又拍云 赞助提供