Visualizzazione risultati 1 fino 4 di 4

Discussione: problema con script di galleria immagini in javascript

  1. #1
    Guest

    Predefinito 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.
    Ultima modifica di funcool : 14-03-2007 alle ore 11.38.19

  2. #2
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Prova a inserire subito prima della fine dello script (prima di "-->") questo pezzo di codice:
    Codice:
    ChageImage(0);
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  3. #3
    Guest

    Predefinito

    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
    Ultima modifica di funcool : 15-03-2007 alle ore 12.40.14

  4. #4
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    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.
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •