Ciao a tutti.
Ho realizzato una photogallery con javascript che funziona perfettamente. E' basata sullo scorrimento di un' array in cui sono inseriti i link delle foto. Vorrei però aggiungere un commento sotto alla foto sempre utilizzando JS. Cioè un ' altro array della stessa lunghezza del primo con i commenti dentro. Solo che la prima scritta compare e poi le altre non si aggiornano. Quello che non vorrei fare è il refresh dell pagina per non rallentare il sito.
Avete qualche suggerimento?
Grazie.
Ecco il codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Raduno degli Alpini (Maggio 2003 Aosta)</TITLE>
<link href="bosonettoreti.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from old browsers
myPix = new Array(
"images/alpini/036_06.jpg",
"images/alpini/033_35.jpg",
"images/alpini/034_06A.jpg",
"images/alpini/034_19A.jpg",
"images/alpini/037_20.jpg",
"images/alpini/034_15A.jpg",
"images/alpini/033_16.jpg",
"images/alpini/035_34A.jpg",
"images/alpini/035_21A.jpg",
"images/alpini/036_11.jpg",
"images/alpini/036_12.jpg",
"images/alpini/036_13.jpg"
)
comment = new Array(
"images/alpini/036_06.jpg",
"images/alpini/033_35.jpg",
"images/alpini/034_06A.jpg",
"images/alpini/034_19A.jpg",
"images/alpini/037_20.jpg",
"images/alpini/034_15A.jpg",
"images/alpini/033_16.jpg",
"images/alpini/035_34A.jpg",
"images/alpini/035_21A.jpg",
"images/alpini/036_11.jpg",
"images/alpini/036_12.jpg",
"images/alpini/036_13.jpg")
thisPic = 0
imgCt = myPix.length - 1
function processPrevious()
{
if (document.images && thisPic > 0)
{
thisPic--
document.myPicture.src=myPix[thisPic]
//document.write(comment[thisPic])
}
}//end processPrevious
function processNext()
{
if (document.images && thisPic < imgCt)
{
thisPic++
document.myPicture.src=myPix[thisPic]
//document.write(comment[thisPic])
}
}//end process Next
function showComment()
{
}//end showComment
// End hiding script from old browsers -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#CCCCCC">
<table align="center" border="0" height="550">
<tr>
<td width="70"></td>
<td width="820"><P ALIGN="CENTER">[img]images/alpini/036_06.jpg[/img]</P></td>
<td width="70" align="right" valign="bottom"><< >>
</td>
</tr>
<tr>
<td></td>
<td align="center">
<script language="JavaScript">
//document.write(comment[thisPic])
</script></td>
<td></td>
</tr>
</table
></H1>
</BODY>
</HTML>