[WordPress] ワードプレスの get_image_tag 出力を変更しますか。

スポンサーリンク

Question

jQuery.lazyload 任意の画像を”lazyload”を希望する必要がありますによると、

src

属性は

data-original

に置き換えられます

私はワードプレス get_image_tag フィルターを使用してこれを行うことができますが、実際にそれを実現する方法にこだわっていると仮定しています

function image_src( $id, $alt, $title, $align, $size ) {
    $html = '';
    return $html;
}
add_filter( 'get_image_tag', 'image_src', 10, 5 );

lazy

を動作するように lazyload クラスもする必要がありますワードプレス get_image_tag_class フィルターを使用して作業を取得する管理 IMG に置かれる

function image_class( $classes ) {
    return $classes . ' lazy';
}
add_filter( 'get_image_tag_class', 'image_class' );

IMG を変更する方法上の任意の考えに出力

src

の代わりに

data-orginial

を交換するか?

答え

src

の部品を交換する必要があります

function image_src( $id, $alt, $title, $align, $size ) {
    $html = str_replace("img src=","img data-original=",$html);
    return $html;
}
add_filter( 'get_image_tag', 'image_src', 10, 5 );

元の

の設定に一致させるそれを調整する必要があります

編集: jQuery.lazyload のページを見て、それは元のデータが存在する必要がありますは言います。それは交換を言っていません。両方の

src

を使用するとどうなるのだろうかと

data-original

function image_src( $id, $alt, $title, $align, $size ) {
    $img_src = esc_attr($img_src);
    $html = str_replace("img ","img data-orginial=$img_src ",$html);
    return $html;
}
add_filter( 'get_image_tag', 'image_src', 10, 5 );

http://stackoverflow.com/questions/27822490/modify-wordpress-get-image-tag-output

スポンサーリンク

Leave a Reply