在打开某些网站的时候,你会发现,当你把滚动条拉下来的时候,图片才会被加载,然后,闪一道光再出现的淡入效果。其实这就是用伟大的jQuery来实现的,它的名字叫ImageLazyLoad。
演示(往中间拉,看那几个图片):http://www.m4go.com/jQuery-Image-Lazyload/
假如你的网站,想实现的话,很简单。只要在<head></head>之间,插入下面的代码即可:
<script src="http://m4png.m4go.com/usr/uploads/js/lazyload/jquery.min.js" type="text/javascript"></script>
<script src="http://m4png.m4go.com/usr/uploads/js/lazyload/jquery.lazyload.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("img").lazyload({
effect : "fadeIn"
});
});
</script>
上面的代码,您可以先测试一下。如果没有问题了,你可以把2个JS文件,下载到您的空间。来加快速度。
演示(往中间拉,看那几个图片):http://www.m4go.com/jQuery-Image-Lazyload/
非常实用的jQuery实现图片延时加载效果
版主: seita
- m4go
- 帖子: 857
- 注册时间: 2010年 3月 29日 02:33
- 来自: https://www.vpshu.com
- 联系:
Re: 非常实用的jQuery实现图片延时加载效果
在你的网站上看,发现把滚动条拉下来的时候,图片加载速度比较慢
- m4go
- 帖子: 857
- 注册时间: 2010年 3月 29日 02:33
- 来自: https://www.vpshu.com
- 联系:
Re: 非常实用的jQuery实现图片延时加载效果
因为我空间速度慢,国外,godaddy,ping值300以上呢。快就鬼了。
Re: 非常实用的jQuery实现图片延时加载效果
这样的功能的确不错,对于很多图片的文章,可以不至于在加载图片的过程中“卡死”。
jQuery也真是强大,它相当于一个网页JS的“VB”了!
jQuery也真是强大,它相当于一个网页JS的“VB”了!