如何在所有带有chrome扩展名的网页中扩展外部图像链接？

所以我想在脚本中找到这样的图像链接时：

http://example.com/image.gif
http://example.com/image.jpg
http://example.com/image.png

替换为img标签，因为我可以直接在实际站点中查看图像。
例如：

<img src="http://example.com/image.gif">

有可能吗？
更多细节：

1. 我想用这个tampermonkey

2. 脚本会自动在页面上找到http文本，然后转到link（前提是还没有链接）。如果链接以png，jpg，jpeg，gif等结尾，则脚本会将此链接转换为img。

我这样尝试：

// ==UserScript==
    // @name         My Fancy New Userscript
    // @namespace    http://your.homepage/
    // @version      0.1
    // @description  enter something useful
    // @author       You
    // @match        http://*/*
    // @grant        none
    // @require http://code.jquery.com/jquery-1.11.2.min.js
    // @require http://neocsatblog.mblx.hu/addvideos/jquery.linkify.min.js
    // ==/UserScript==
    $(window).on('load', function () {
    $('p').linkify();
    $('span').linkify();
    $("a").attr("href", src);
    $('a').html(function(index,html){
    return html.replace(/<\img>(\:)/,'');
     });
    });

但不幸的是，我不能为<a>标签使用正则表达式。
第二个问题是：
同源策略，实际上我不能在网站上运行脚本。