Immagine thumbnails con zoom e didascalia

[connect]

Sono un neofita e sto studiando le basi e contemporaneamente cerco di fare anche pratica.
Mi sono imbattuto in un obiettivo che non riesco a raggiungere,
chiedo il vostro aiuto.

Ho delle immagini miniature in cui cliccandoci sopra si apre un immagine piu' grande in un determinato spazio vicino.

Ora vorrei applicare del testo ad ogni miniatura, magari anche nascosto, che poi dopo aver cliccato sulla miniatura mi appare sotto all'immagine ingrandita.
Non riesco ad unire i due effetti, quello ingrandimento miniatura con quello didascalia.


Uso questo semplice codice per le miniature con zoom:


< body>
< div>
<p><img src="http://immagine4.jpg" name="view1" width="540" height="540" id="image1" /></p>
<p><br /> </p>
<img width="68" height="68" onClick="document.images['view1'].src='http://immagine1.jpg';" src="http://immagine1.jpg" />
<img width="68" height="68" onClick="document.images['view1'].src='http://immagine2.jpg';" src="http://immagine2.jpg" />
<img width="68" height="68" onClick="document.images['view1'].src='http://immagine3.jpg';" src="http://immagine3.jpg" />
<img width="68" height="68" onClick="document.images['view1'].src='http://immagine4.jpg';"
src="http://immagine4.jpg" /></div>
< /body>
< /html>


Please, Help me. :byebye: