如何使用 chrome 扩展程序扩展所有网页中的外部图像链接？

Question

所以我希望当脚本找到这样的图像链接时：

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文本，并转换成链接（前提是还没有链接），如果链接结尾是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>标签编写正则表达式。
第二个问题是：
同源策略，它实际上不允许我在网站上运行脚本。