JQuery插件lazylozd,图片延迟加载使用

网站: http://www.appelsiini.net/projects/lazyload

图片延迟显示。
正常加载,当滚轮下拉滑动到图片处图片会慢慢显示出来,过度平滑.

<head>
	<title>test</title>
	<script type="text/javascript" src="js/lazyload/jquery-1.5.js"></script>
  	<script type="text/javascript" src="js/lazyload/jquery.lazyload.plugin.js"></script>
  	<script type="text/javascript">
  		$(function(){
  			lazyload();
  		});
  	</script>	
</head>

<body>
	<div style="display: block;height: 1500px"></div>
	<img src="http://twaver.servasoft.com/wp-content/uploads/2010/06/365.png" /><br>
	<img src="http://img1.gtimg.com/hb/pics/hv1/81/235/877/57086931.jpg" /><br>
	<img src="http://product.tompda.com/pcpop/BigImage/000274717/003511135.jpg" /><br>
	<div style="display: block;height: 500px"></div>
</body>
</html>


附件为演示项目,放tomcat下既可显示.
目录结构:

JQuery插件lazylozd,图片延迟加载使用

你可能感兴趣的:(js,jquery,lazyload)