[原创]想让你的网站打开更快吗？北京都市网类似19楼的图片延迟加载的实现方法，申请加

letgod · 发表于 2010-9-13 02:29:51

本帖最后由 letgod 于 2010-9-13 10:17 编辑

看了论坛里面很多人需要图片延迟加载，感觉这功能确实很不错
能加速站点的载入速度，而且加载很华丽。
仔细看了下，19楼的加载代码太臃肿，于是自己进行了精简
这个特效是少有华丽加速的果，因为它能判断访客是不是在查看当前图片，只是预加载一个很小的填充图片，等到访客滑动鼠标滑轮或浏览到图片位置时，真正的图片地址才会加载。
演示效果请看 http://bbs.010.cc/read.php?tid=50649

使用方法，解压后把lazyload文件夹放入js文件夹下（因为我的站是PW,所以是按照PW的路径，DZ的童鞋们自己调整位置）

在需要加速的head里面加入如下代码！比如pw的header.htm (注意路径哦！）有问题请跟帖回复！
可以用于任何网站

关于大家说的附件无法显示的问题，可以通过修改代码 $("img").lazyload({ 中img来进行判断，可以具体到每个div或者标签的id

<script type="text/javascript" src="js/lazyload/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/lazyload/jquery.lazyload.js"></script>
<script type="text/javascript">
jQuery(document).ready(
function($){
$("img").lazyload({
placeholder : "js/lazyload/grey.gif",
effect : "fadeIn"
});
});
</script>

复制代码

ovkj · 发表于 2010-9-13 03:00:09

前排支持了.....

ssfeihu · 发表于 2010-9-13 03:07:40

zadai · 发表于 2010-9-13 03:21:24

回帖支持再研究回帖支持再研究

完美孤儿 · 发表于 2010-9-13 03:24:56

这个真不错。。支持了。。

zadai · 发表于 2010-9-13 04:01:21

dzx1.5 里面还是有冲突..
行: 848

字符: 3

错误: 对象不支持此属性或方法

代码: 0

URL: http:// /static/js/common.js?cQW

zadai · 发表于 2010-9-13 04:01:49

附件无法显示

wanba01 · 发表于 2010-9-13 04:31:16

安装成功

wanba01 · 发表于 2010-9-13 04:45:20

晕
刚发现

wanba01 · 发表于 2010-9-13 04:45:53

附件无法显示
其余正常

		自动登录	找回密码
密码			立即注册

[发布] [原创]想让你的网站打开更快吗？北京都市网类似19楼的图片延迟加载的实现方法，申请加

本帖子中包含更多资源