图片延迟加载，网站显示正在加载图片代码
lazyload可以用于很多场合，如JS、css的按需加载；对于页面上很多大图片的网站来说，图片的延迟加载，可以很好的节约页面大小，减少页面与服务器的资源交互，减少用户的等待时间等。所以使用的人越来越多了。
首先在heard里面添加如下代码
1 2 3 4 5 6 7 8 9 10 | <script src="<?php bloginfo('template_directory');?>/js/lazyload.js" type="text/javascript"></script><script type="text/javascript">// < ![CDATA[ $(function() { $("#main img").lazyload({ placeholder:"< ?php bloginfo('template_url'); ?>/images/image-loading.gif", effect:"fadeIn" }); }); // ]]></script> |
『#main img』是需要图片延迟的div样式
网站显示正在加载图片
这个就是打开网站的时候，如果网速比较慢就会看到一个人在跑步的图片
1 2 3 4 5 6 7 8 9 10 | <script>// < ![CDATA[ document.write(' <style>#loading{display:none} '); // ]]></script> |
最后在body后面加上上面代码
