加快打开网站速度,类似19楼,淘宝商城,QQ商城的图片延迟加载实现方法__更新gif闪烁问题

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

演示效果请看 http://bbs.13386.cn
更新gif闪烁问题
下载请顶帖

使用方法，解压后把lazyload文件夹放入js文件夹下
在需要加速的head里面加入如下代码！比如discuz的模板下header.htm (注意路径哦！ ） 有问题请跟帖回复！
可以用于任何网站

1. <script type="text/javascript" src="source/plugin/plbeautify/images/jquery.min.js"></script>
   
2. <script type="text/javascript" src="source/plugin/plbeautify/images/jquery.lazyload.mini.js"></script>
   
3. <script type="text/javascript">
   
4. var jq = jQuery.noConflict();
   
5. jq(function() {
   
6. jq("img").lazyload({
   
7. placeholder : "source/plugin/plbeautify/images/grey.gif",
   
8. effect : "fadeIn"
   
9. });
   
10. });
    
11. 
    
12. </script>

复制代码

在模板下的头部文件内加入代码,,注意文件存放路径.

已经整合到,帖子美化 1.5中....
后台插件开启即可使用.



好东西.加点分也不过分吧.

不是很好用。老是闪啊闪啊的

不错， 我已经成功使用了

有两点需要紧记：

1. 注意js调用的路径必须正确 (楼主已经提醒）。 无效果的检查一下路径。

2. js代码必须确保先于common.js加载， 否则浏览器会出现错误提示。

有什么好处没？

pchhh 发表于 2010-9-14 13:12
不错， 我已经成功使用了

有两点需要紧记：

打开网站速度更快哦.

blackocean 发表于 2010-9-14 10:19
不是很好用。老是闪啊闪啊的

看看演示

回复 lecom 的帖子

我购买了，5个金币呢。可是页面下方表情图标那不停的闪，能不能只针对jpg有效啊？

回复 blackocean 的帖子

小图标也闪啊闪的， 感觉确实不是很好。 很小的图片没有必要延迟加载了。

我把延迟加载只应用于读帖页面， 感觉还不错

pchhh 发表于 2010-9-14 18:33
回复 blackocean 的帖子

小图标也闪啊闪的， 感觉确实不是很好。 很小的图片没有必要延迟加载了。

已更新,可直接用淘宝的JS加载