Dynamically replace img src attribute with jQuery

Question

I am trying to replace the img source of a given source using jQuery. For example, when the image src is smith.gif, replace to johnson.gif. If williams.gif replace to brown.gif etc.

EDIT: The images are retrieved from an XML to a random order, without class to each .

This is what I tried:

if ( $("img").attr('src', 'http://example.com/smith.gif') ) {               $(this).attr('src', 'http://example.com/johnson.gif');             } if ( $("img").attr('src', 'http://example.com/williams.gif') ) {               $(this).attr('src', 'http://example.com/brown.gif');             } 

Note that my HTML has many images. For example

<img src="http://example.com/smith.gif"> <img src="http://example.com/williams.gif"> <img src="http://example.com/chris.gif"> 

etc.

So, how can I replace the images: IF img src="http://example.com/smith.gif" then show "http://example.com/williams.gif". etc...

Thanks alot

Answer 1

This is what you wanna do:

var oldSrc = 'http://example.com/smith.gif'; var newSrc = 'http://example.com/johnson.gif'; $('img[src="' + oldSrc + '"]').attr('src', newSrc);