网页图片的延时加载

前一段时间看到有一些网站有个有意思的效果，只有我拉动滚动条，要看到图片的时候图片才会去加载，于是咨询搞客户端的同事，他说这个叫延时加载，还发了个jquery的插件，然后我就想把这个效果做到我的论坛上。

 

经过一番折腾，发现dz其实很霸道，就为了返回一个document.getElementById的效果，竟然占用$符号。。。无奈，还是jquery比较大度，var jq = jQuery.noConflict();，以后就可以通过jq来代替$了，注意一点就是这句话要在jquery加载以后，冲突的js加载之前，反正我是直接加到jquery文件最后边的，呵呵。

下载lazyload：http://www.appelsiini.net/download/jquery.lazyload.pack.js

jq(document).ready(function(){
	jq("img").lazyload({
		placeholder : 'images/spacer.gif',
		effect : "fadeIn"
	});
});

spacer.gif是站位图片

这样就可以实现延时加载的功能了，用户体验也比较好。