标题: jQuery图片延迟加载插件——Lazy Load
作者: Demon
链接: https://demon.tw/programming/jquery-lazy-load.html
版权: 本博客的所有文章,都遵守“署名-非商业性使用-相同方式共享 2.5 中国大陆”协议条款。
很久以前就在jQuery的书上看到过这个插件,也陆陆续续在各种各样的博客中看到这个插件的影子,但是我一直没有用,因为我博客里很少使用图片。我是很懒的人,能用文字说清楚的东西,我一般不会弄个图片上去。今天心血来潮加载了这个插件。
Lazy Load插件的官网是:http://www.appelsiini.net/projects/lazyload。之前我已经加载了WordPress自带的jQuery库(详见《在WordPress中使用jQuery库》,现在只要下载最新版的Lazy Load上传到script文件夹,然后在
<?php wp_head(); ?>
后面加上一行
<script src="jquery.lazyload.js" type="text/javascript"></script>
就可以使用Lazy Load插件了,最简单的用法是
jQuery("img").lazyload();
最好在加上点淡入效果
jQuery("img").lazyload(effect : "fadeIn");
更高级的用法请自己查阅官方文档,中文的资料也多如牛毛,我就不啰嗦了。
赞赏微信赞赏支付宝赞赏
随机文章:
关于该插件效果的讨论 http://www.lizn.net/discuss-effect-of-lazy-load-plugin-for-jquery/ 可以看下