Answers for "how to change img src in js"

21

javascript change image src

//change image src
document.getElementById('myImageID').src="images/my_other_image.png";
Posted by: Guest on July-31-2019
7

how to change image source using javascript

document.getElementById("myImg").src = "hackanm.gif";
Posted by: Guest on February-08-2020
3

set img src using javascript

document.getElementById("imageid").src="../template/save.png";
Posted by: Guest on May-19-2020
1

javascript set image src

// Pure JavaScript to Create img tag and add attributes manually ,
var image = document.createElement("img");
var imageParent = document.getElementById("body");
image.id = "id";
image.className = "class";
image.src = searchPic.src;            // image.src = "IMAGE URL/PATH"
imageParent.appendChild(image);

// Set src in pic1
document["#pic1"].src = searchPic.src;

// or with getElementById

document.getElementById("pic1").src= searchPic.src;

// jQuery to archive this,
$("#pic1").attr("src", searchPic.src);
Posted by: Guest on March-08-2020
0

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>
Posted by: Guest on December-07-2020

Code answers related to "Javascript"

Browse Popular Code Answers by Language