Bild langsam ausblenden

[luki]

Ich möchte in meine Hompage gerne in Bild einbinden was bei aufrufen der Startseite erscheint und sich nach etwa 4-5 Sekunden langsam ausblendet, also sich die Deckraft verringert. Momentan nutze ich diesen Code:

<script type="text/javascript">
setTimeout("document.getElementById(\"weg_nach_5_sek\").style.display = \"none\";", 5000);
</script>

<span id="weg_nach_5_sek">
<img src="bild.gif" /> Text
</span>

Das klapt auch alles ganz gut, nur das Bild wird nicht langsam ausgeblendet sondern ist sofort weg.


Wie kann ich den Code so umschreiben, dass das Bild langsam verschwindet.

Leider bin ich noch totaler Anfänger in js.
Danke für eure Hilfe!

 

[alogheo]

Der einfachste Weg geht über jQuery: http://api.jquery.com/fadeOut/