Mouse Over Effekt über Img

[norah]

Hallo an alle,

ich baue mir gerade meine Website und bin leider ein ziemlicher newbie.

Habe auch schon viel rumgesucht, aber leider nur topics gefunden, die Bilder komplett highlighten.

Meine Problematik:
Ich würde gerne eine Seite mit meinen Referenzen schalten, welche ebendiese als Bilder beinhaltet.
On MouseOver wäre es nun sehr cool, wenn über ca. einem Viertel des Referenzbildes ein (u.U. sogar halbtransparenter) Balken mit dem Namen des Projektes darin auftauchen würde.

Ich habe die Referenzbilder wie folgt eingebunden:

<div id="referenzen">
<a href="#"><img src="web/images/bild_1.JPG" alt="bild1" name="bild1"/></a>
<a href="#"><img src="web/images/bild_1.JPG" alt="bild2" name="bild2"/></a>
<a href="#"><img src="web/images/bild_1.JPG" alt="bild3" name="bild3"/></a>
</div>

Könnt ihr mir hier helfen? Oder möchte ich viel zu viel und es geht gar nicht mit CSS?!

danke euch schon mal
norah