Josh Josh - 3 months ago 6x
HTML Question

how to change the source of an image dynamically in HTML?

Please help me with this question I am trying to change the source of an image dynamically.


Client-side (Dynamic) Image-Swapping...

You'll need to use javascript for this:

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

<script type="text/javascript">
  document.getElementById("myImage").src = "image2.jpg";

Introducing jQuery...

If this is the type of response you are looking for, then I would also like to extend an invitation to you to start checking out and javascript framework like jQuery, which makes this type of stuff much easier to do/manage. In jQuery, you can accomplish the same thing with the following code:

$("#myImage").attr("src", "image2.jpg");