从wp_get_attachment_image删除src

Question

我正在尝试加载正在使用以下代码检索的图像：

<?php $args = array(
'post_type' => 'attachment',
'post_mime_type' => 'image',
'posts_per_page' => -1,
'orderby'=> 'menu_order',
'order'=>'ASC', 
'post_parent' => $post->ID,
);
$images = get_posts( $args );
foreach($images as $image):
echo wp_get_attachment_image($image->ID, 'large');
endforeach;
?>

为了使用懒惰加载器，我需要添加一个data-src属性到img，我使用以下代码完成了：

function alter_att_attributes_wpse_102079($attr) {
$attr['data-original'] = $attr['src'];
return $attr;
}
add_filter( 'wp_get_attachment_image_attributes',
'alter_att_attributes_wpse_102079');

然而，这工作得很好，即使图像不在视口中，它们仍然被加载，这是因为我相信图像上仍然有src标签。

有没有办法删除src或用原始数据替换它？

Answer 1

您可以改用wp\u get\u attachment\u image\u src。它返回图像数据而不回显图像数据，使构建标记更容易。

应该是这样的：

foreach($images as $image):
    $img = wp_get_attachment_image_src($image->ID, 'large');
    echo '<img src="" data-original="'.$img[0].'" width="'.$img[1].'" height="'.$img[2].'" >';
endforeach;

希望有帮助！