关于图片延迟加载的JQ插件
这破玩意让我纠结了不少时间。
感谢党,感谢国家,另外还感谢 @wange1228 的临门一脚让我豁然开朗大彻大悟立地成佛。再另外这个貌似和父母没啥关系,我就不感谢父母了。
这个东西的功能就不多介绍了,搜进来看的都了解,不了解的一小撮自己Google去。
OK,准备好下面两个JS和一个图片,放在自己知道的地方
http://www.appelsiini.net/projects/lazyload/jquery.lazyload.js
http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js
http://iamwd.com/wp-content/themes/elegant-box/images/grey.gif
新建一个js文件,随便取名
填充内容
$(function() {
$(“img”).lazyload({
placeholder : “grey.gif文件路径”,
effect : “fadeIn”
});
});
在模板header.php或者footer.php里面猥琐的插入
<script type=”text/javascript” src=”文件所在目录/jquery-1.3.2.min.js”></script>
<script type=”text/javascript” src=”文件所在目录/jquery.lazyload.js”></script>
<script type=”text/javascript” src=”文件所在目录/刚才创建的js文件”></script>
唔,优化控自行合并js。
貌似这样就搞定了?嗯,貌似是的……
BTW:貌似形如
<script type=”text/javascript”>
$(function() {
$(“img”).lazyload({
placeholder : “grey.gif文件路径”,
effect : “fadeIn”
});
});</script>
是没法调用成功的,这是为虾米呢?反正我这没成功过。
接着纠结一下虚拟主机DA面板和cPanel面板的cron job功能,昨天在DA面板上试着定时优化数据库,失败了……不知道问题出在哪里,回头继续尝试。
原文链接:关于图片延迟加载的JQ插件
本博客内容若无注明均为原创, WooDragon 版权所有,转载请遵守 Creative Commons 3.0 协议并标注出处。
Related posts:



这个高级了,图片延迟加载有什么用呢?
@胡一刀 这个嘛,你点开我那篇富阳游记,应该是第三篇吧,因为有一大堆图,一般情况下要载入NNNN久,不过这玩意弄上去之后,很快就显示完成了。虽然事实上还没有好。
它的作用就是让还没显示到的图片不载入,等需要它显示的时候再载入。
再通俗点讲,就是你拖到哪载到哪~
去看了下,真爽,好东西啊!
看到效果了,不错不错
@万戈 感谢万戈大侠指点,感激不尽ing,下回来杭州请你吃鸡蛋饼,嘿嘿
要jq 哥就不用了
@Showfom 你的博客图片也不多哇,的确没必要用~
貌似我发现 这个说是延迟加载图片 但是图片实际上已经下载的 还是要占用带宽嘛
不是啊,我在Firefox和IE上测试了,都是提前完成加载的,没有把下面的下载下来。据说在Chrome和Safari上面好像会有问题,这个我就不太清楚了。
木龙就喜欢折腾……
@Epile 俗话说得好,生命在于折腾~~
这个效果我是需要的,博客里太多图片了,记录下去折腾去。
@Skyoy My pleasure~
收藏转载