devo realizzare una galleria immagini cosi composta:
una tabella composta da 2 colonne,
prima colonna elenco delle miniature delle foto,una sotto l'altra
seconda colonna la foto grande in base ala miniatura che viene clicata.
grazie
devo realizzare una galleria immagini cosi composta:
una tabella composta da 2 colonne,
prima colonna elenco delle miniature delle foto,una sotto l'altra
seconda colonna la foto grande in base ala miniatura che viene clicata.
grazie
vorrei che questa galleria fosse compatibile acnhe con firefox
Questa è una pagina che avevo creato qualche tempo fa... credo che ti possa essere utile
<html>
<head>
<title>(single html page)</title>
<script language="JavaScript1.1">
foto = new
Array("carnevale01.jpg","carnevale02.jpg","carneva le03.jpg","carnevale04.jpg","carnevale05.jpg","car nevale06.jpg"); //immagini
des = new Array("Carnevale-maschere","Carnevale","Carnevale","Carnevale","Car nevale","la luna e la notte"); //descrizione
</script>
</head>
<body>
<table border="0" width="100%"><tr><td align="center" valign="top">
<center>
[img]carnevale01.jpg[/img]</center>
<center>
<script language="JavaScript1.1">
var which=0
function indietro(){
if (which>0){
window.status='<<indietro'
which--
document.images.intro.src=foto[which]
}
else window.status='Prima immagine'
}
function avanti(){
if (which<foto.length-1){
window.status='avanti>>'
which++
document.images.intro.src=foto[which]
}
else window.status='Fine delle immagini'
}
window.setInterval('questaimg()',700);
function questaimg(){
document.forms[0].nimg.value = "foto " + (which+1) + " di " + foto.length + ": "
+ des[which];
}
</script>
<center><table border="0"><tr> <td align="center" valign="top"><form>prima <<indietro
<input size=32 name=nimg value="foto 0 di 00" style="border: none">avanti>> ultima
</form></td></tr></table></center>
</TD><TD>
<script language="JavaScript">
numfoto = foto.length;
for (var i=0; i<numfoto; i++)
{document.write("<a href=\"#jscpa\" onClick=\"which=" + i +
";document.images[0].src = '" + foto[i] + "'\"><nobr><img src=\"th_" + foto[i] +
"\" alt=\"" + foto[i] + " " + des[i] + "\" border=\"0\"
align=\"absmiddle\"></nobr></a>
" );}
</script>
</TD></TR></TABLE>
</body>
</html>
Carlaccio