Bilder austauschen / setAttribute()

Siehe auch meine Tipps CSS dynamisch ändern.

Mit setAttribute() kann man Elementen Attribute zuweisen oder ändern. Als Parameter werden Attributname und Attributwert eingegeben

.setAttribute("src", "bild.jpg")

Hier ein Tutorial für eine Bildergalerie mit Javascript

Heiligenbild

Javascript

<script>
function tausch(){
document.getElementById("myPic").setAttribute("src", "img/bild2.gif");
}
</script>

HTML

<img src="img/bild1.gif" alt="Heiligenbild" id="myPic">
<input type="button" value="click" onclick="tausch()">

 

Javascript Tipps