如何更改wordpress img属性

Question

在wordpress中使用Unveil plugin延迟加载图片。我想将img属性更改为这样的内容。

<img data-src="http://lorempixel.com/g/800/500/city/10" data-src-retina="http://lorempixel.com/g/1280/800/city/10" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" />

使用this link我能够实现src现在我请求有人帮助了解如何生成data-src and data-src-retina属性。

稍后我想在我的function中使用funtions.php

Bellow是我的代码段，但它不仅仅是src

function image_tag($html, $id, $alt, $title) {
//generate data url
$type = pathinfo($img, PATHINFO_EXTENSION);
$data = file_get_contents($img);
$src = 'data:image/' . $type . ';base64,' . base64_encode($data);

return preg_replace(array(
        '/'.str_replace('//','//',get_bloginfo('url')).'/i',
        '/s+width="d+"/i',
        '/s+height="d+"/i',
        '/alt=""/i'
    ),
    array(
        'data-src=" "',
        'src="'.$src.'"',
        'data-src-retina=" "',
        'alt="' . $title . '"'
    ),
    $html);
}
add_filter('get_image_tag', 'image_tag', 0, 4);