Question

Possible Duplicate:
How to replace image links with img src url in Greasemonkey

I’m new to javacript and want to write a GreaseMonkey script to rewrite certain image links on a website to display the original size images instead of thumbnails.

The image links are in the forms below:

<div class="feed_img"><a onclick="App.scaleImg(this,'7e87e5d5tw1difluxvqlzj');" href="javascript:;"><img src="http://ww3.sinaimg.cn/thumbnail/7e87e5d5tw1difluxvqlzj.jpg" class="imgicon" vimg="1"></a></div>

What I want to do is to replace

http://*/thumbnail/*.jpg 

to

http://*/large/*.jpg

Could anyone give me a lead?

Answer 1

You’d have to traverse all of the <img> tags and just replace thumbnail with large in their src attribute:

// This fetches all of the <img> tags and stores them in "tags".
var tags = document.getElementsByTagName('img');

// This loops over all of the <img> tags.
for (var i = 0; i < tags.length; i++) {

  // This replaces the src attribute of the tag with the modified one
  tags[i].src = tags[i].src.replace('thumbnail', 'large');
}

Hopefully this code works. I’m using a basic replace(), so if you’d like to try regex, I think it should work too.