problema con script di galleria immagini in javascript

14-03-2007, 11.27.45

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.

**funcool** · 14-03-2007, 11.42.51

Prova a inserire subito prima della fine dello script (prima di "-->") questo pezzo di codice:

Codice:

ChageImage(0);

14-03-2007, 11.45.20

xfetto funcool,
come sempre 6 riuscito a centrare il problema...grazie ancora.

EDIT: ariciao,
Il problema della visualizzazione iniziale dell'immagine l'ho rosolto.
Ora però, dopo aver composto la galleria mi sono accorto che se io clicco su una miniatura che sta in basso nella galleria lo script la visualizza ma non torna automaticamente su per farmela vedere.
Quindi chi vedrà la galleria potrebbe essere tratto in inganno e potrebbe pensare che effettivamente la foto non viene caricata.
Vorrei quindi, sempre se è possibile fare in modo che ogni volta che si clicca su una miniatura la pagi ritorna automaticamente ne punto dove si trova l'immagine oppure che ritorni completamente su!
Grazie ancora...a presto

**funcool** · 15-03-2007, 12.41.40

Al posto di:

Codice:

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>')

Prova a mettere:

Codice:

document.write('<A HREF="#" onclick="ChageImage('+a+')"><IMG SRC="'+ejs_vignet[a]+'" HSPACE=5 VSPACE=5 ALT="Clicca qui per ingrandire" BORDER=0></A></TD>')

P.S.: Non scrivere due messaggi consecutivi, utilizza il tasto Edita.

Discussione: problema con script di galleria immagini in javascript

LinkBack

Strumenti discussione

Display

problema con script di galleria immagini in javascript

Regole di scrittura