Problemi nella realizzazione di didascalie con immagini!

[ginebria]

Ciao ragazzi, sto cercando uno script come quello di questo sito, qualcuno sa dove posso reperirlo?

http://livedemo00.template-help.com/joomla_49658/

La parte di sopra: in base a dove clicco esce una didascalia centrale...vorrei qualcosa di simile sapete come posso fare?

[ginebria]

anche qualcosa di simile andrebbe bene solo che non so proprio come cercare

[Enzaccio]

Ciao,
intanto, è essenzialmente materia di Javascript e per qualcosa di simile intanto ti sottopongo questo modellino: non rispecchia esattamente la strada presa per quella realizzazione dove tra l' altro si gioca di opacity, ma te lo lascio tanto per cominciare con qualcosa di immediatamente interpretabile.

<script>

 var testi=new Array();

     testi[1]='Marmite Cakes ';
     testi[2]='Tasty Cakes ';
     testi[3]='Cream Berries ';
     testi[4]='Chocolate cakes ';

function cambia(n){
 document.getElementById("lavagna").innerHTML=testi[n];
 }

</script>

<table border="0" width="90%" height="90%" align="center" bgcolor="#AAFFAA"><tr bgcolor="#99CCAA">
 <td width="40%" onclick="cambia(1);" style="background-image: url(tua.jpeg);"></td>
 <td width="20%" rowspan="2" id="lavagna" 
     style="color: white; font-weight: bold; font-size: xx-large; 
            font-family: cursive; text-align: center"></td>
 <td width="40%" onclick="cambia(2);" style="background-image: url(tua.jpeg);"></td>
</tr><tr bgcolor="#99CCAA">
 <td width="40%" onclick="cambia(3);" style="background-image: url(tua.jpeg);"></td>
 <td width="40%" onclick="cambia(4);" style="background-image: url(tua.jpeg);"></td>
</tr>
</table>

document.getElementById è un valido cross-browser method per far individuare a JavaScript un Elemento del Documento.

I diversi testi/codici da utilizzare per popolare la TD centrale, sono "archiviati" in un Array che ci funge da piccolo DataBase.

La function cambia(n) preleva un articolo dall' Array e lo invia come innerHTML alla TD che ha ID="lavagna"
quale articolo preleva, lo decide il numeretto che le viene passato dai gestore d' evento ONCLICK e "veicolato" nella funzione come n .