关闭边栏(ESC)打开边栏(ESC)
在处理lazyload时，文章中的图片很多是设置了srcset属性的，这对移动端的加载是极有利的，但却影响了lazyload的效果，查找了下，以下方法可以禁用srcset
在主题的 functions.php 文件末尾追加下面的函数
|
1 2 3 4 5 |
//disable srcset on images function disable_srcset( $sources ) { return false; } add_filter( 'wp_calculate_image_srcset', 'disable_srcset' ); |
下面顺带记下，对于头像的加载，要使用lazyload的话，可以这样操作：
|
1 |
add_filter( 'get_avatar', 'add_image_placeholders', 11 ); |
add_image_placeholders作用于文章里的图片：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
function add_image_placeholders( $content ) { // Don't lazyload for feeds, previews, mobile if( is_feed() || is_preview() || ( function_exists( 'is_mobile' ) && is_mobile() ) ) return $content; // Don't lazy-load if the content has already been run through previously if ( false !== strpos( $content, 'data-original' ) ) return $content; // In case you want to change the placeholder image $placeholder_image = apply_filters( 'lazyload_images_placeholder_image', get_template_directory_uri() . '/images/grey.png' ); // This is a pretty simple regex, but it works $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 ); return $content; } add_filter( 'the_content', 'add_image_placeholders', 99 ); |
不懂就问，老哥的lazyload是写在background的，怎么整的？可以分享一下嘛(默认他是改变src哇～
好久没弄了 都不太记得怎么弄了