JQuery change value <img src = "" by id

Question

I need simple jQuery code, so I can change the src value for a specific img.

Currently:

<img id="myImage" src="image1.gif" /> 

and I need to change it to:

 <img id="myImage" src="image2.gif" /> 

using jquery.

Answer 1

Usage: $(function(){ ... });

You can use:

 $('#id').attr('src', 'newImage.jpg'); 

to immediately change the image source.

---

Alternatively, you can use jQuery animation to change the image.

Js

 $("#id1").fadeOut(); $("#id2").delay(200).fadeIn(); 

HTML

 <div> <img id='id1' src='one.jpg'> <img id='id2' src='two.jpg'> </div> 

(Remember to change CSS #id2 and put display: none as the initial state).

Answer 2

This is basic, use jQuery attr ...

 $('img#myImage').attr('src', 'image2.gif'); 

Answer 3

You can use the .attr() function to set attributes for a given DOM element:

 $(function() { $('#myImage').attr('src', 'image2.gif'); }); 

Answer 4

 $('#myImage').attr('src','theothersrc.gif') 

Answer 5

 $("#myImage").attr('src', 'image2.gif')