网站: [url=http://www.appelsiini.net/projects/lazyload]http://www.appelsiini.net/projects/lazyload[/url]
图片延迟显示。
正常加载,当滚轮下拉滑动到图片处图片会慢慢显示出来,过度平滑.
附件为演示项目,放tomcat下既可显示.
目录结构:
[img]http://dl.iteye.com/upload/attachment/0082/7022/6fed7472-9d4f-3f4a-a539-ff722096abe7.png[/img]
图片延迟显示。
正常加载,当滚轮下拉滑动到图片处图片会慢慢显示出来,过度平滑.
<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下既可显示.
目录结构:
[img]http://dl.iteye.com/upload/attachment/0082/7022/6fed7472-9d4f-3f4a-a539-ff722096abe7.png[/img]