In effetti "sotto" è sbagliato.
Kmque, la tua soluzione potrebbe essere giusta, ma mi sembra un pò complicata...io ne vorrei una più semplice possibile, svelo i miei scopi
Vai a vedere questa semplicissima gallery (è solo un esempio): ogni volta che clicchi su una miniatura-link, si apre l'immagine grande.
http://www.ivanisevic82.com/pages/prova2.php
Vorrei fare questa identica cosa, ma con effetto fade!
La gallery la vorrei creare con html e css e l'effetto con js.
In alternativa, volend fare tutto via js, la gallery che ho linkato sopra è costruita così:
Ci sarebbe il modo di infilarci dentro un effetto fade?codice:/* elementi variabili */ ncol=2; // numero colonne; nfoto=10; // numero foto; folder="/media/"; //cartella in cui sono contenute le immagini prefisso="image"; // elemento costante delle foto (image1.jpg,image2.jpg => image) suf_big="_big"; // suffisso per le foto grandi suf_small=""; // suffisso per le foto piccole ext=".jpg"; // estensione foto /* fine elementi variabili */ function photo_grande(){ document.write("<img src=\""+folder+prefisso+"0"+suf_big+ext+"\" name=\"grande\" border=\"0\">"); } function photo_gallery(){ document.write("<table cellspacing=\"0\" cellpadding=\"2\" border=\"0\">"); for (i=1;i<=nfoto;i++){ if (i%ncol==1) document.write("<tr>"); document.write("<td><a href=\"#a\" onclick=\"document.grande.src='"+folder+prefisso+(i-1)+suf_big+ext+"'\">"); document.write("<img src=\""+folder+prefisso+(i-1)+suf_small+ext+"\" border=\"0\"></a></td>"); if (i%ncol==0) document.write("</tr>"); } document.write("</table>"); }
Grazie!