JQuery change the value of an <img

Question

I need some simple JQuery code so I can change the src value of a specific img.

It\'s currently:

<         


        

Answer 1

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

Answer 2

You could use the .attr() function to set attributes on given DOM element:

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

Answer 3

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

Answer 4

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

You can use:

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

to change the image source immediately.

---

Alternatively, you can use jQuery animations to change an image.

JS

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

HTML

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

(Don't forget to change the CSS of #id2 and put display: none as initial state).

Answer 5

That's elementary, use jQuery attr...

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