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.
vi ringrazio anticipatamente per le vostre risposte.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>
A presto.