Da Ospite il Mar 10 Gen 2012, 18:24
| Creare una galleria di immagini | |
Ciao,
1. DEFINIZIONE
Con questo tutorial potrai creare una galleria di immagini come questa:
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 
Tutoriale pubblicato da Celina e tradotto da Niko
Copyrigth © FORUMATTIVO.COM
|
Creare un forum gratis
Benvenuto a :
Creare una galleria di immagini
