How to replace image links with img src url in Greasemonkey

Question

From the title this may sound like a duplicate question. But what I am asking for is help writing a Greasemonkey script that takes all images containing the word "thumbnails" in the src url, replaces "thumbnails" with "images" but then putting the new url into the href (target) url.

What I have so far is:

    for(var iImage=0;iImage<document.images.length;iImage++){
    var imageUrl = document.images[iImage].src;

    if (imageUrl.indexOf("thumbnails") != -1) {
        imageUrl = imageUrl.replace("thumbnails","images")
        document.images[iImage].href = imageUrl;
    }
}

Any help would be appreciated.

Answer 1

img tags cant have href, however you can append them into an anchor tag with href attribute:

for(var iImage=0;iImage<document.images.length;iImage++){
    var imageUrl = document.images[iImage].src;

    if (imageUrl.indexOf("thumbnails") != -1) {
        imageUrl = imageUrl.replace("thumbnails","images");
        document.images[iImage].outerHTML = '<a href ="' +
                              + imageUrl + '" >' 
                              + document.images[iImage].outerHTML + '</a>';

    }
}

Answer 2

Psuedo-code:

var thumblinks=new Array();
for(x=0;x<links.length;x++){
    if(links[x].href.test('thumbnails'))thumblinks[thunblinks.length]=links[x];
}
for(x=0;x<thumblinks.length;x++){
    thumblinks[x].href=thumblinks[x].firstChild.src;
}

Does this work?