Originariamente inviato da mexican
dovresti usare javascript.
Fare due div uno per l'img e uno sotto per il testo.
Assegni un Id al dive del testo e poi tramite js gli assegni il testo.
Si puo` fare anche con solo CSS.
E` la stessa tecnica usata nelle gallerie, e nei menu a tab:
codice:
HTML:
<div id="contenitore">
  <a id="linkImg1" href="#">
    <img src"immagine1.gif" alt="...">
    <span>testo per immagine 1</span>
  </a>
  <a id="linkImg2" href="#">
    <img src"immagine2.gif" alt="...">
    <span>testo per immagine 2</span>
  </a>
  <a id="linkImg3" href="#">
    <img src"immagine3.gif" alt="...">
    <span>testo per immagine 3</span>
  </a>
</div>

CSS:
#contenitore {
  ...  /* definire width e height  (non e` necessario, ma aiuta) */
  position: relative;
}
#contenitore a {
  display: block;
}
#contenitore a img {
  border: 0;
}
#contenitore a span {
  display: none;
}
#contenitore a:hover span {
  display: block;
  position: absolute;
  bottom: 0;
  /* posizionare in orizz o eventualmente centrare */
}
Questo funziona (quasi) uguale anche in IE6. Se non deve funzionare in IE6, non occorre usare i link (sempre che non servano per altri scopi, e il tutto si semplifica un po')