• P
    User •

    Script in Js per immagini con effetto random

    Salve a tutti e buon inizio di 2011 !:ciauz:
    Ho un piccolo problema da risolvere e mi auguro che qualche buona anima possa aiutarmi. Ho provato a cercare nel forum una discussione che potesse risolvere il mio problema, ma non l' ho trovata e spero di non essere in errore se apro una nuova discussione...
    Parliamo di immagini con effetto random. Per questo ho trovato uno script girando in rete che fa proprio al caso mio :).
    Questo script funziona benissimo per una sola immagine! Ora posto lo script in modo da farvi capire dove voglio arrivare! Nel frattempo può risultare utile a chi volesse prenderne spunto...

    <html>
    <head>
    <script language="JavaScript">
    function random ()
    {
    document.getElementById ("loading").style.display = "none"
    var dati = new Array ('img0', 'img1', 'img2', 'img3')
    var numero = Math.floor (dati.length * Math.random ())
    for (var i = 0; i < dati.length; i++)
    document.getElementById (dati*).style.display = "none"
    document.getElementById (dati[numero]).style.display = "block"
    }
    </script>
    </head>
    <body onLoad="setInterval('random()',6000)">
    <div id="loading">
    <img src="img0.gif" style="display:none">
    <a onclick="window.open(this.href,'','resizable=yes,location=no,menubar=no,scrollbars=no,status=yes,toolbar=no,fullscreen=no,dependent=no,width=600,height=600,status'); return false" href="INDIRIZZO URL DELLA PAGINA DA RAGGIUNGERE">
    <img src="img0.gif" width="100" height="100" border="0">
    </a></div>
    <div id="img1" style="display:none">
    <a onclick="window.open(this.href,'','resizable=yes,location=no,menubar=no,scrollbars=no,status=yes,toolbar=no,fullscreen=no,dependent=no,width=600,height=600,status'); return false" href="INDIRIZZO URL DELLA PAGINA DA RAGGIUNGERE">
    <img src="img1.gif" width="100" height="100" border="0">
    </a></div>
    <div id="img2" style="display:none">
    <a onclick="window.open(this.href,'','resizable=yes,location=no,menubar=no,scrollbars=no,status=yes,toolbar=no,fullscreen=no,dependent=no,width=600,height=600,status'); return false" href="INDIRIZZO URL DELLA PAGINA DA RAGGIUNGERE">
    <IMG SRC="img2.gif" width="100" height="100" border="0">
    </a></div>
    <div id="img3" STYLE="display:none">
    <a onclick="window.open(this.href,'','resizable=yes,location=no,menubar=no,scrollbars=no,status=yes,toolbar=no,fullscreen=no,dependent=no,width=600,height=600,status'); return false" href="INDIRIZZO URL DELLA PAGINA DA RAGGIUNGERE">
    <IMG SRC="img3.gif" width="100" height="100" border="0">
    </a></div>
    </body>
    </html>

    Questo script lo uso per creare ad una immagine (img0.gif) l' effetto random con 3 immagini (img1.gif, img2.gif e img3.gif). Ogni immagine cambia dopo 6 secondi - <body onLoad="setInterval('random()',6000)"> e tutte 4 le immagini puntano a indirizzi di pagine web che si aprono in un pop up da 600x600.
    Scusate ma per arrivare al mio problema avevo bisogno di farvi vedere tutto questo.
    Il mio problema è questo:
    Ho una griglia che contiene 12 immagini e lo script funziona solo per un' immagine. Io vorrei creare lo stesso effetto non solo su 1 immagine della griglia ma su tutte e 12 le immagini, usando immagini diverse per ogni immagine della griglia! Scusate il gioco di parole ma spero di essermi spiegato! Ho pensato che ad ogni immagine della griglia creo una cartella diversa per ognuna in modo che ogni immagine vada a pescare le immagini che dico io....ma per collegare il tutto, come posso fare? Grazie in anticipo a chiunque abbia la pazienza e la voglia di aiutarmi !:bho:

    0
  • P
    User •

    Ok ...mi rispondo da solo, dato che ho trovato la soluzione! Grazie tante per il vostro aiuto ...direi che è stato fondamentale! :eheh:

    Scherzi a parte....se a qualcuno dovesse interessare, mi faccia sapere !
    Buona giornata a tutto lo Staff e agl' utenti del Forum :ciauz:

    0
  • S
    User Newbie •

    ciao ho letto il tuo annuncio, sono interessato a sapere come hai risolto il problema anche io ho 12blocchi che cambiano ma al momento faccio un refresh di tutta lapagina invece io devo aggiornare solo i blocchi
    spero mi dirai come poterlo fare

    0
  • A
    User Attivo •

    Io avevo un problema simile con un dialog in jQuery UI che richiedeva il lancio della funzione showDialog()
    Ciò mi dava la possibilità di aprire solo il primo dialog anche se cliccavo sul secondo al momento ho risolto esegendo il secondo dialog con la funzione rinominata shoeDialog2() ed opportuno settaggio del selettore che ho chiamato dialog2 e adesso posso eseguire gli opportuni dialog per porzione di codice specifico.
    Basta sperimentare un po ragazzi!

    0
Effettua l'accesso per rispondere