Bildwechsel beim Hover

Wir wurden per E-Mail angefragt und jetzt gibts das "Tutorial". Man brauch nur unseren Codeschnipsel und zwei verschiedene Bilder. Du benötigst keine CSS oder Java Kentnisse, ist das nicht wundertoll? ^^

<a href="Deine Ziel URL"><img src="Bild1" border="0" onmouseover='this.src="Bild2"' onmouseout='this.src="Bild1"'></a>

♥ Deine Ziel URL ist wohl klar.
♥ Bild1 fügst du die erste Bild URL ein. Es ist das erste Bild, dass der Besucher sieht, wenn er deine Seite besucht.
♥ Bild2 (onmouseover) fügst du die Bild URL ein, die anstatt dem ersten kommen soll, wenn man das Bild mit der Maus berührt (hover).
♥ Bild1 (onmouseout) fügst du wieder die erste Bild URL ein, damit es wieder das ursprüngliche Aussehen annimmt.
Möchtest du aber, dass der User sieht, dass er diesen Link schonmal berührt hat, kannst du dort eine dritte Bild URL einfügen.

Mit der Maus einmal drüber fahren ;)
Der Nachteil ist leider, wenn die Bilder nicht richtig laden, sieht es warscheinlich nicht so gut aus :C
Also merke dir, nimm nicht zu große Bilddatein, damit sie schneller geladen sind.

Es sollte keine Fragen geben, wenn doch: leonie@ever-winx.de