一段让wordpress支持jquery lazyload的function代码

2014.07.05 分享 10754 人浏览 2 条留言

下面是function部分

  1. //WordPress 真正支持 jQuery Lazyload
  2. function add_image_placeholders( $content ) {
  3.     // Don't lazyload for feeds, previews, robots, mobile
  4.     if( is_feed() || is_preview() || is_robots() || ( function_exists( 'is_mobile' ) && is_mobile() ) )
  5.         return $content;
  6.     // Don't lazy-load if the content has already been run through previously
  7.     if ( false !== strpos$content, 'data-original' ) )
  8.         return $content;
  9.     // In case you want to change the placeholder image
  10.     $placeholder_image = apply_filters( 'lazyload_images_placeholder_image', get_template_directory_uri() . '/images/loading.gif' );
  11.     // This is a pretty simple regex, but it works
  12.     $content = preg_replace( '#<img([^>]+?)src=[\'"]?([^\'"\s>]+)[\'"]?([^>]*)>#', sprintf( '<img${1}src="%s" data-original="${2}"${3}><noscript><img${1}src="${2}"${3}></noscript>', $placeholder_image ), $content );
  13.     return $content;
  14. }
  15. add_filter( 'the_content', 'add_image_placeholders', 99 );

输出的html结构就可以满足lazyload的基本要求了,剩下的交给jq来搞定吧~~(Jq部分这里就不说了,网上够多,具体参考官网http://www.appelsiini.net/projects/lazyload/enabled_fadein.html)

文章地址:https://huilang.me/jquery-lazyload-for-wordpress/

“一段让wordpress支持jquery lazyload的function代码” 有 2 条评论

  1. zwwooooo说道:

    wp的filter太厉害了

回复本文

您的电子邮箱地址不会被公开。 必填项已用 * 标注

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif