jquery的延迟加载插件Lazy Load Plugin for jQuery

原文链接： https://www.mk2048.com/blog/blog.php?id=h020jajjjccb&title=jquery%E7%9A%84%E5%BB%B6%E8%BF%9F%E5%8A%A0%E8%BD%BD%E6%8F%92%E4%BB%B6Lazy+Load+Plugin+for+jQuery

下载：https://github.com/tuupola/jquery_lazyload

使用：http://www.appelsiini.net/projects/lazyload

翻译：http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/

http://stylechen.com/lazy-load.html

demo：http://www.appelsiini.net/projects/lazyload/enabled_fadein.html

注意：需要设置src，data-original，width，height才能看到效果；（宽和高或者在css中设置即可）；

<img src="占位图片" data-original="原图" width="765px" height="574px">

<script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="jquery.lazyload.min.js"></script>
<script>
	 $("img").lazyload({
	 	effect:"fadeIn"
	 });
</script>

　　

更多专业前端知识，请上 【猿2048】www.mk2048.com