ciao a tutti, premesso che conosco pochissimo javascript vi chiedo un piccolo aiuto

vorrei creare un menu fatto di immagini che al passaggio del mouse si schiariscono e ci compare all'interno o sotto la foto un testo
per le immagini ho fatto così:
<a class="menufoto"href="xxx...">
[img]images/foto.png[/img]
</a>
dove nel css ho:
.chiaro {opacity:1;
filter:alpha(opacity=100);
}
.acuro {opacity:0.4;
filter:alpha(opacity=40);
}

per il testo ho cercato di fare una funzione mostra e una nascondi con display none ma non ci sono riuscito e non mi funziona nulla, come posso fare?
grazie in anticipo a chi mi vuole aiutare, roberto