Printable View
Salve,
vorrei chiedervi come potrei creare una gallery di questo tipo.
Quindi cliccando sui Thumbails in basso si apre la versione ingrandita in alto,però vorrei che quest'img ingrandita se cliccata faccia aprire una pagina _blank visualizzando l'immagine nella risoluzione originale(ad esempio 1024x768).
Tutto in Html.
Ciao
Non è tutto in HTML ma c'è anche del Javascript. L'ho fatto velocemente e senza controllarlo.
Codice HTML:<script language="Javascript" type="text/javascript">
var immagini=new Array();
immagini[0]=new Array("thumb1.jpg","media1.jpg","grande1.jpg");
immagini[1]=new Array("thumb2.jpg","media2.jpg","grande2.jpg");
immagini[2]=new Array("thumb3.jpg","media3.jpg","grande3.jpg");
function Immagine(id) {
document.getElementById("immaginegrande").innerHTML="<a href=\""+immagini[id][2]+"\" target=\"_blank\"><img src=\""+immagini[id][1]+"\" alt=\"\" style=\"border:0;\"><\/a>";
}
</script>
<div id="immaginegrande"></div>
<div><script language="Javascript" type="text/javascript">
for(i=0;i<immagini.length;i++)
document.write("<a href=\"javascript:Immagine("+i+")\"><img src=\""+immagini[i][0]+"\" alt=\"\" style=\"border:0;\"><\/a>");
Immagine(0);
</script></div>
Ho fatto una prova molto spartana,eccola.
C'è un modo per far apparire i thumbs sotto un separatore orizzontale?
Come nel sito che ho mostrato prima.
Ciao
Ti dovrebbe bastare un tag <HR> messo al punto giusto (dopo l'immagine principale e prima delle miniature)...Citazione:
Originalmente inviato da nfsmostwanted
Stammi bene...