下载：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>

　　

 

版权声明：本文为webcome原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/webcome/p/5495560.html