在使用JQuery.lazyload图片懒加载时，正则替换Img的src为original

[Eureka]

在页面有很多大图的时候，为了用户体验和服务器的压力着想，我们通常会使用图片懒加载技术。

在使用lazyload做懒加载时，我们需要提前处理一下图片的src值，使之指向一个占位符图片的地址，把真实的图片路径赋给original，以便jquery.lazyload能正常执行。

代码如下:

//处理前的图片    
$img = '<img src="/assets/ico_set.gif" alt="aa" title="ss" />';    
    
//处理后的图片    
$img = preg_replace('/<img(.+)src=['"]([^'"]+)['"](.*)>/i',"<img$1data-original="$2" src="grey.gif"$3>",$img);    

grey.gif为占位图片

结果如下:

然后就可以用lazyload懒加载了。

//举例    
$(".container img").lazyload();