Frage onmouseover Fade funktioniert nicht.

[Jokerjoe]

Einen wunderschönen guten Tag zusammen :)

Ich habe ein kleines Problem und hoffe wirklich auf Hilfe, ich bin bereits seit über 2 Stunden im Internet am rumsuchen und bin leider keinen Deut weiter gekommen.


Das Problem ist folgendes: Ich habe einen Link der eine Grafik ändern soll. Das klappt ausgezeichnet. Das Problem jedoch ist, dass ich gerne einen Fade einrichten würde - und hier geht das Problem leider los.

Dies ist der Code des Links:

 <a href="#"
onmouseover="document.getElementById('meinbild').src='img/dontcareme_2.jpg';"
 onmouseout="document.getElementById('meinbild').src='img/dontcareme_1.jpg';">
 LINK</a>

Dies ist der Code des Bildes:

<img id="meinbild" src="img/dontcareme_1.jpg">

Bis hier hin funktioniert alles fabehlaft. Doch wenn ich einen Fade einfügen möchte, klappt das nicht.
Im Internet habe ich gelesen den Befehl ".fadeIn(1000)" könnte man hier ganz einfach einfügen, doch das gelingt mir nicht, vielleicht füge ich ihn an der falschen Stelle ein.


Ein wenig Hilfe wäre absolut klasse, ich danke im Vorraus! :)

 

[SpiceLab]

Im Internet habe ich gelesen den Befehl ".fadeIn(1000)" könnte man hier ganz einfach einfügen, doch das gelingt mir nicht

http://api.jquery.com/fadein/ setzt a) die Einbindung der jQuery-Library voraus, und b) basiert entsprechend auf einem ganz anderen Code, als der gezeigte.

 

[Jokerjoe]

Hallo Spicelab, danke für die Antwort :)

Okay und hast du eine alternative Lösung für mich?

 

[SpiceLab]

Okay und hast du eine alternative Lösung für mich?

Alternativ, oder doch eher gebrauchsfertig?

Die ergibt sich aus dem genannten Link, wenn man ihn studiert, und sich zuvor mit jQuery vertraut gemacht hat

 

[Jokerjoe]

Oje, dann stöber ich mich da mal durch, danke dir! :)
Ich bin nicht gerade ein Profi in diesen Gefilden wie du sicherlich schon vermutest ;D

Aber herzlichen Dank, ich schaue mir das mal an!