Breaking News: Grepper is joining You.com. Read the official announcement!

change image on click javascript

Add Answer

krkmJR answered on May 7, 2022 Popularity 9/10 Helpfulness 4/10

answer change image on click javascript

related onclick change image javascript example

related change image onclick javascript

related js click Change img

change image on click javascript

Comment

function changeImage() {
    if (document.getElementById("imgClickAndChange").src == "http://www.userinterfaceicons.com/80x80/minimize.png"){
        document.getElementById("imgClickAndChange").src = "http://www.userinterfaceicons.com/80x80/maximize.png";
    } else {
        document.getElementById("imgClickAndChange").src = "http://www.userinterfaceicons.com/80x80/minimize.png";
    }
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: click image javascript

Link to this answer
Share Copy Link

Contributed on Jun 19 2022

krkmJR

0 Answers Avg Quality 2/10

Closely Related Answers

onclick change image javascript example

Comment

//in html
<img id="img" data-image="user1" src="/assets/user1.jpg" onclick="change_image()" />

//in javascript
const img = document.getElementById('img');
const change_image = function() {
  if (img.dataset.image == "user1") {
  	img.src = "/assets/user2.jpg";
    img.dataset.image = "user2";
    return
  };
  
  if (img.dataset.image == "user2") {
  	img.src = "/assets/user1.jpg";
    img.dataset.image = "user1";
    return
  };
};

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on May 09 2022

Julio Polycarpo

0 Answers Avg Quality 2/10

change image onclick javascript

Comment

<p>
    <img alt="" src="http://www.userinterfaceicons.com/80x80/minimize.png" 
        style="height: 85px; width: 198px" id="imgClickAndChange" onclick="changeImage()"/>
</p>
<script>
function changeImage() {
    if (document.getElementById("imgClickAndChange").src == "http://www.userinterfaceicons.com/80x80/minimize.png"){
        document.getElementById("imgClickAndChange").src = "http://www.userinterfaceicons.com/80x80/maximize.png";
    } else {
        document.getElementById("imgClickAndChange").src = "http://www.userinterfaceicons.com/80x80/minimize.png";
    }
}
</script>

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: image imag

Link to this answer
Share Copy Link

Contributed on May 07 2022

ayaan

0 Answers Avg Quality 2/10

js click Change img

Comment

function imagefun() {
            var Image_Id = document.getElementById('getImage');
            if (Image_Id.src.match("imageName1.jpg")) {
                Image_Id.src = "imageName2.jpg";
                Image_Id.src = "imageName3.jpg";
            }
            else {
                Image_Id.src = "imageName1.jpg";
            }
        }

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: wlearnsmart.com

Tags: click javascript

Link to this answer
Share Copy Link

Contributed on May 22 2022

alireza farezinmnsh

0 Answers Avg Quality 2/10

change image on click javascript

Contents

More Related Answers

change image on click javascript

Closely Related Answers

onclick change image javascript example

change image onclick javascript

js click Change img

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.