how to change image src javascript code example

Example 1: javascript change image src

//change image src
document.getElementById('myImageID').src="images/my_other_image.png";

Example 2: set img src using javascript

document.getElementById("imageid").src="../template/save.png";

Example 3: js code to change a immage

<script type="text/javascript">
    function changeImage(a) {
        document.getElementById("img").src=a.src;
    }
</script>
<div id="main_img">
    <img id="img" src="1772031_29_b.jpg">
</div>
<div id="thumb_img">
    <img src='1772031_29_t.jpg'  onclick='changeImage("1772031_29_b.jpg");'>
    <img src='1772031_55_t.jpg'  onclick='changeImage("1772031_55_b.jpg");'>
    <img src='1772031_53_t.jpg'  onclick='changeImage("1772031_53_b.jpg");'>
</div>

Example 4: how to edit image tags in javascript

<a href='#' onclick='edit()'><img src="../template/edit.png" id="edit-save"/></a>

Tags:

Html Example