Bild durch Click austauschen!?

[Luigihausen]

Ich sehe den Wald vor lauter Bäumen nicht.

Suche eine einfache Funktion mit der ich ein Bild austauschen kann. Beim anklicken eines Bildes z.B. pic1.gif möchte ich das es duch pic2.gif ausgetauscht wird und wenn ich dann pic2.gif anklicke soll pic1.gif wiederhergestellt werden.

Irgendwie kann das nicht so schwer sein, aber ich habe nichts passendes gefunden und auch nicht wirklich hinbekommen :-(

Danke im voraus!

 

[Fabian H]

<img src="bild1.png" onclick="if (this.src == 'bild1.png') { this.src = 'bild2.png'; } else { this.src = 'bild1.png'; }" />

Und das nächste mal bitte suchen.

 

[Luigihausen]

gesucht habe ich schon eine ganze Zeit, nur leider nichts so einfaches gefunden.

Dein Code leider nicht!

 

[Fabian H]

Der geht.

<script type="text/javascript">

var bImg = true;

function changeImage(a_oImg)
{
    if (bImg) {
        a_oImg.src = 'bild2.png';
        bImg = false;
    } else {
        a_oImg.src = 'bild1.png';
        bImg = true;
    }
}

</script>

<img src="bild1.png" onclick="changeImage(this);" />

 

[Luigihausen]

danke..

..und einen schönen Abend noch!

 

[Luigihausen]

habe da noch eine Frage:

ich möchte gerne drei von den Bilder nebeneinander legen, es darf aber immer nur ein Bild ausgetauscht werden.

Bild1 Bild1 Bild2

Klicke ich jetzt auf ein Bild1, dann soll das Bild 2 zu bild 1 werden und das angeklickte Bild1 zu bild 2

Bild 2 Bild1 Bild1

Das ganze könnte ich auch mit Radiobutton machen, aber ich habe keine Ahnung ich da zwei verschiedene Bilder in aktiviert und deaktiviert bekomme!