Dynamically change an image on a web page

Question

I’m having some difficulties trying to dynamically change an image.

<a href="#no-reload" id="dropMenuButton49" class="dropMenuButton">
<input id="searchEngineImage" type="image" src="http://example.com/image.php?i=yahoo-icon.png">
<input type="image" src="images/down.png" name="dropDown">
</a>

I need to change the first one: http://example.com/image.php?i=yahoo-icon.png.

Is this possible with jQuery or something else?

Answer 1

$('#searchEngineImage').attr('src', "http://some.other/image.png");

Answer 2

Yes , you can change it dynamically by jquery... Check this:

http://api.jquery.com/attr/

Answer 3

$('#searchEngineImage').attr({'src':'some-image.jpg'});