WordPress 图片延迟加载
1 2 3 4 5 6 7 8 | <script src="<?php echo get_template_directory_uri(); ?>/images/jquery.lazyload.min.js"></script> <script type="text/javascript"> $(function() { $("img").lazyload({ effect:"fadeIn" }); }); </script> |
图片需要添加一个data-original属性
1 2 3 4 5 6 7 8 9 | //给图片添加data-original属性 add_filter ('the_content', 'lazyload'); function lazyload($content) { $loadimg_url=get_bloginfo('template_directory').'/images/loading.gif';//图片 if(!is_feed()||!is_robots) { $content=preg_replace('/<img(.+)src=[\'"]([^\'"]+)[\'"](.*)>/i',"<img\$1data-original="\$2" src="$loadimg_url"\$3>\n<noscript>\$0</noscript>",$content); } return $content; } |
