jQuery 图片延迟加载的实现(3)

<img data-url="http://88181.com/898.jpg.167_167.jpg"  class="lm" align="absmiddle"  width="167" height="167"/>  

然后再加一段js就可以了

$(function () {       $(".lm").scrollLoading();   });  

这样就搞定 屏幕中出现这个图片的时候，才会进行加载，是不是很方便，

同事你也可以一次返回一个列表 ，比如你想一行几个图片的在屏幕的时候 ，这样你可以ajax放回一个list

<div class="searchdiv" data-url="http://88181.com/xx/imgList.action">                       <img src="http://x88181.com/ui-anim_basic_16x16.gif"                           alt="" /></div>   js：      $(function () {                           $(".searchdiv").scrollLoading();                       });  

上面代码解释：

页面加载完成前DIV显示loading图标，当该DIV的一部分在浏览器的可视范围内时，开始使用ajax加载data-url属性对应的HTML内容,正确返回后填充到该DIV里
赶快试试吧 很简单的。