Creare una galleria di immagini

Creare una galleria di immagini

Posted by Bénévoles on Gio Gen 12, 2012 8:24 pm

Creare una galleria di immagini

Ciao,
1. DEFINIZIONE
Con questo tutorial potrai creare una galleria di immagini come questa:

Creare una galleria di immagini Graph510

1. COMINCIAMO!
Inserisci questo codice e modificalo opportunamente

Codice:: <center><div style="font-family: georgia; font-size: 55px; letter-spacing: -3px; text-transform: lowercase; color:#e0ba92; text-align: center; padding-top: 20px; padding-bottom: 10px;">{ El Muro }</div></center><div id="notice" align="center"><br> <img src="http://url imagen1.1.png" onclick="show0(0)"> <img src="http://url imagen2.1.png" onclick="show0(1)"> <img src="http://url imagen3.1.png" onclick="show0(3)"> <img src="http://url imagen4.1.png" onclick="show0(4)"> <img src="http://url imagen5.1.png" onclick="show0(5)"> <img src="http://url imagen6.1.png" onclick="show0(6)"><div id="describ0" onmouseover="clear_delayhide()" onmouseout="show(0)"><img src="" usemap="#welcome"></div> <script language="JavaScript1.2"> var submenu0=new Array() submenu0[0]='<img src="http://url imagen1.2.png" usemap="#welcome">' submenu0[1]='<img src="http://url imagen2.2" usemap="#Brules">' submenu0[3]='<img src="http://url imagen3.2.png" usemap="#person">' submenu0[4]='<img src="http://url imagen4.2.png" usemap="#news">' submenu0[5]='<img src="http://url imagen5.2.png" usemap="#tramas">' submenu0[6]='<img src="http://url imagen6.2.png.png" usemap="#resum">' //Set delay before submenu disappears after mouse moves out of it (in milliseconds) var delay_hide=0 /////No edit var menuobj0=document.getElementById? document.getElementById("describ0") : document.all? document.all.describ0 : document.layers? document.dep1.document.dep2 : "" function show0(which0){ clear_delayhide() thecontent=(which0==-1)? "" : submenu0[which0] if (document.getElementById||document.all) menuobj0.innerHTML=thecontent else if (document.layers){ menuobj0.document.write(thecontent) menuobj0.document.close() } } function resetit(e){ if (document.all&&!menuobj0.contains(e.toElement)) delayhide=setTimeout("show0(-1)",delay_hide) else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) delayhide=setTimeout("show0(-1)",delay_hide) } function clear_delayhide(){ if (window.delayhide) clearTimeout(delayhide) } function contains_ns6(a, B){ while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; } </script></div></div>

Basta modificarlo e il gioco è fatto…
Ovviamente potete mettere il codice ovunque vogliate Very Happy

Tutoriale pubblicato da Celina e tradotto da Niko
Copyrigth FORUMATTIVO.COM

Lun	Mar	Mer	Gio	Ven	Sab	Dom
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31