Von Bild zu Bild durch Klick / Javascript

...komplette Frage anzeigen

2 Antworten

<img src="bild1.jpg" onclick="this.src='bild2.jpg';">

Oder mit mehreren Bildern immer durchwechselnd:

<script type="text/javascript">
    var i = Array("bild1.jpg", "bild2.jpg", "bild3.jpg"); //Alle Bilder durchnummeriert, d.h. du kannst das erste Bild mit i[0] abfragen, das zweite mit i[1] usw.
    var c = 0; //Aktuelles Bild
    function wechseln() {
        c++; //Aktuelles Bild um eins erhöhen
        if (c >= i.length) c = 0; //Wenn die aktuelle Bildnummer über der Anzahl der Bilder liegt, fange wieder bei 0 an.
        event.target.src = i[c]; //Setze die Quelle des Bildelements auf das geklickt wurde.
    }
</script>
<img src="bild1.jpg" onclick="wechseln()">
<img id="bild" src="bild1.png" alt="Bild" onclick="wechseln()" />

Und:

<script>
function wechseln() {
document.getElementById('bild').style.src="bild2.png";
}
</script>

Was möchtest Du wissen?