“Exemple de JavaScript de modification de changement onclick” Réponses codées

Exemple de JavaScript de modification de changement onclick

//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
  };
};
Julio Polycarpo

Changer l'image OnClick Javascript

<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>
ayaan

Comment changer d'image sur la souris Cliquez dans JavaScript

<img src="imageName1.jpg" onmouseover="imagefun()" id="getImage">
Black Bat

Réponses similaires à “Exemple de JavaScript de modification de changement onclick”

Questions similaires à “Exemple de JavaScript de modification de changement onclick”

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code