jquery, images type

Question

Hi!

I'd like to change image type with jquery, for example:

<img width="250" height="61" alt="Stack Overflow" src="http://sstatic.net/so/img/logo.png"/&gt;

to

<a href="/"><img width="250" height="61" alt="Stack Overflow" src="http://sstatic.net/so/img/logo.gif"/&gt;&lt;/a&gt;

To change ".png: in ".gif" (in this case)

Thanks !

Answer 1

This should work:

$('img').each(function()
{
    this.src = this.src.replace(/png$/, '.gif');
});

Answer 2

Try this: (Assuming that all .png images have equivalent .gif images on the server)

$('img[src$=".png"]').each(function(img) { 
    img.attr('src', img.attr('src').replace(/\.png$/, '.gif'));
});