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

js click Change img

Add Answer

alireza farezinmnsh answered on May 7, 2022 Popularity 8/10 Helpfulness 4/10

answer js click Change img

related onclick change image javascript example

related change image onclick javascript

related change image on click javascript

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

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

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 clic

Link to this answer
Share Copy Link

Contributed on Jun 19 2022

krkmJR

0 Answers Avg Quality 2/10

js click Change img

Contents

More Related Answers

js click Change img

Closely Related Answers

onclick change image javascript example

change image onclick javascript

change image on click javascript

Grepper

Documentation

Social

Legal

Contact

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