HTML-Schaltfläche "Bild Ändern" Quelle

Okay, ich Frage mich, ob dies möglich ist.
Ich möchte ein Bild und eine völlig separate Taste. Wenn der button angeklickt wird, möchte ich die Img-Src zu ändern, "images/test" zu "images/test2"

Ist das möglich?

Sagen wir einfach, ich habe eine sehr einfache Webseite mit nur ein Bild und eine Schaltfläche

 <html> 
<head>...
</head>
<body>
<img src="images/test"/>
<br/><br/><br/>
<button>Click to change image!</button>
</body>
</html>

Wie kann ich das ändern dieses sehr einfache HTML zu tun, was ich will?

  • verwenden Sie hintergrund in css und hover-Effekt oder javascript-event
InformationsquelleAutor user802609 | 2012-01-09
  1. 1

    Erstens, Ihre img - tag ist nicht geschlossen in Ihrem code.
    Zweitens, können Sie das Bild ändern src auf klicken Sie auf die Schaltfläche mit einfachen javascript oder jQuery. 

    <html> 
<head> 
<script> 

function changeImage()
{
var img = document.getElementById("image");
img.src="images/test2";
return false;
}

</script>

</head>
<body>
<img id="image" src="images/test" />
<br><br><br>
<button id="clickme" onclick="changeImage();">Click to change image!</button>
</body>
</html>
    InformationsquelleAutor Murtaza
Schreibe einen Kommentar