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   lt img src  http   example com smith gif  gt   lt img src  http   example com williams gif  gt   lt img src  http   example com chris gif  gt    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

User · Accepted Answer

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

User · Answer

In my case  I replaced the src taq using    x000D   x000D         gmap canvas   attr  src   newSrc   x000D   x000D   x000D

User · Answer

You need to check out the attr method in the jQuery docs   You are misusing it   What you are doing within the if statements simply replaces all image tags src with the string specified in the 2nd parameter   http   api jquery com attr   A better way to approach replacing a series of images source would be to loop through each and check it s source   Example      img   each function        var curSrc     this  attr  src      if   curSrc      http   example com smith gif              this  attr  src    http   example com johnson gif          if   curSrc      http   example com williams gif              this  attr  src    http   example com brown gif

[javascript] Dynamically replace img src attribute with jQuery

Examples related to javascript

Examples related to jquery

Examples related to image