problema con script di galleria immagini in javascript
ciao a tutti,
ho un piccolo problemino con uno script in javascript.
Lo script è per la creazione di una galleria fotografica.
Praticamente funziona.
Il suo funzionamento è quello di creare una galleria di miniature e poi cliccando su una di essa l'immagine si ingrandisce nella stessa pag.
La cosa fastidiosa per me e che quando carichi inizialmente la pagina non c'è nessuna immagine ingrandita solo le miniature.
Io vorrei fare in modo che appena si carica la pag. compaia già un'immagine nelle sue dimensioni reali e sottostanti tutte le miniature.
Riporto di seguito lo scripèt completo di immagini.
Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<SCRIPT type="text/javascript" LANGUAGE="JavaScript">
<!--
// Definizione delle variabili dello script
nb_photo_ligne = 4;
numero_photo = 1;
// Impostazioni delle fotografie
ejs_vignet = new Array;
ejs_big = new Array;
ejs_des = new Array;
ejs_vignet[0]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-1a.jpg'
ejs_big[0]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-1.jpg'
ejs_des[0]= 'Ferrari F70 1 di 13'
ejs_vignet[1]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-2a.jpg'
ejs_big[1]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-2.jpg'
ejs_des[1]= 'Ferrari F70 2 di 13'
ejs_vignet[2]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-3a.jpg'
ejs_big[2]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-3.jpg'
ejs_des[2]= 'Ferrari F70 3 di 13'
ejs_vignet[3]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-4a.jpg'
ejs_big[3]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-4.jpg'
ejs_des[3]= 'Ferrari F70 4 di 13'
ejs_vignet[4]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-5a.jpg'
ejs_big[4]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-5.jpg'
ejs_des[4]= 'Ferrari F70 5 di 13'
ejs_vignet[5]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-6a.jpg'
ejs_big[5]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-6.jpg'
ejs_des[5]= 'Ferrari F70 6 di 13'
ejs_vignet[6]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-7a.jpg'
ejs_big[6]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-7.jpg'
ejs_des[6]= 'Ferrari F70 7 di 13'
ejs_vignet[7]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-8a.jpg'
ejs_big[7]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-8.jpg'
ejs_des[7]= 'Ferrari F70 8 di 13'
ejs_vignet[8]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-9a.jpg'
ejs_big[8]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-9.jpg'
ejs_des[8]= 'Ferrari F70 9 di 13'
ejs_vignet[9]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-10a.jpg'
ejs_big[9]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-10.jpg'
ejs_des[9]= 'Ferrari F70 10 di 13'
ejs_vignet[10]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-11a.jpg'
ejs_big[10]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-11.jpg'
ejs_des[10]= 'Ferrari F70 11 di 13'
ejs_vignet[11]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-12a.jpg'
ejs_big[11]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-12.jpg'
ejs_des[11]= 'Ferrari F70 12 di 13'
ejs_vignet[12]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-13a.jpg'
ejs_big[12]= 'http://www.lautoitaliana.altervista.org/ferrari_f70/Ferrari_F70-13.jpg'
ejs_des[12]= 'Ferrari F70 13 di 13'
// Funzione per cambiare la fotografia
function ChageImage(num)
{
if(document.getElementById)
document.getElementById("ejs_dyn_img").innerHTML = '<A HREF><IMG SRC="'+ejs_big[num]+'" BORDER=0 HSPACE=5 VSPACE=5></A><BR><FONT FACE="Verdana, Arial" SIZE=1>'+ejs_des[num]+'</FONT>';
else
window.open(ejs_big[num],"_blank")
}
-->
</SCRIPT>
</head>
<body >
<br /><br />
<div align="center">
<SCRIPT type="text/javascript" LANGUAGE="JavaScript">
<!--
// Creazione della tabella
document.write('<TABLE>')
document.write('<TR><TD COLSPAN='+ejs_big.length+' ALIGN=center><DIV ID=ejs_dyn_img></DIV></TD></TR>');
document.write('<TR><TD><br></TD></TR>');
document.write('<TR><TD><br></TD></TR>');
for(a=0; a<ejs_big.length; a++)
{
if(numero_photo == 1)
document.write('<TR>');
if(numero_photo == ejs_big.length)
document.write('<TD ALIGN=center COLSPAN='+(((ejs_big.length)+1)-numero_photo)+'></TABLE>');
else
document.write('<TD ALIGN=center>');
document.write('<A HREF="javascript:ChageImage('+a+')"><IMG SRC="'+ejs_vignet[a]+'" HSPACE=5 VSPACE=5 ALT="Clicca qui per ingrandire" BORDER=0></A></TD>')
if(numero_photo == nb_photo_ligne)
{
document.write('</TR>');
numero_photo=0;
}
numero_photo++;
}
-->
</SCRIPT>
</div>
</body>
</html>
vi ringrazio anticipatamente per le vostre risposte.
A presto.
