Per fare quello che intendi, non serve alcun javascript, puoi fare tutto coi CSS.

Ammettiamo che hai la tua immagine

codice:
[img]immagine.jpg[/img]
Devi aggiungere un paio di cosette, in questo modo:

codice:
[img]immagine.jpg[/img]<span>Foto1</span>
E ora veniamo ai CSS

codice:
a>span
{
display : none;
position : relative;
}

a:hover>span
{
display : block;
background-color : yellow;
color : black;
}
In questo modo cosa succede? Normalmente lo <span> è nascosto, ma quando il mouse passa sopra l'immagine, diventa visibile. La posizione di default dello span è sotto l'immagine, ma con le opportune proprietà CSS si può posizionarlo dove si vuole.

Fatemi sapere se servono chiarimenti.