cambio img e testo

[abweb]

Buongiorno, ho un problema che non riesco a risolvere...devo creare uno script che al passaggio del mouse sulla miniatura mi visualizzi l'ingrandimento e la didascalia sotto la foto.
a questo link sono riuscito a far cambiare la foto ma non a far comparire la dida senza usare la textarea.

http://www.adws.it/museo/mankon/kingdom.php

COme posso fare?
Grazie mille

[abweb]

nessuno sa darmi una mano?

[Mich_]

<script>
function showImage(filename,dida) {
    document.getElementById('SHOWPAD').src = filename;
    document.getElementById('TEXTPAD').innerHTML = dida
}

....

[img]../images/mankon/oggetti/001.jpg[/img]\
<div><p id="TEXTPAD">&amp;nbsp;</p></div>

....

onMouseOver="showImage('../images/mankon/oggetti/011.jpg', 'oggetto misterioso');">

Pero` la pagina e` formattata male, con formattazione parte nei CSS e parte nel codice HTML. Questo puo` creare problemi nei browser moderni: la formattazione andrebbe spostata tutta nei CSS.

Inoltre dovresti precaricare le immagini: non e` bello aspettare quando sposti il mouse.

Per il precaricamento puoi fare:

<script>
var imma = new Array(12);
for(var i=0; i<imma.length; i++) {
    imma[i] = new Image();
    imma[i].src = "../images/mankon/oggetti/imm"+i+".src";
}

function showImage(filename,dida) {
    document.getElementById('SHOWPAD').src = filename;
    document.getElementById('TEXTPAD').innerHTML = dida
}[/script

Nota: per questo script le immagini devono avere nome:
imm0.jpg, imm1.jpg, ..., imm11.jpg

[abweb]

grazie mille dell'aiuto.