Effetto Random su più immagini

pablitosway

Nuovo Utente
1 Gen 2011
2
0
0
Salve a tutti e buon inizio di 2011 ! :byebye:
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,heigh t=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,heigh t=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,heigh t=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,heigh t=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(1 posizione). Io vorrei creare lo stesso effetto random non solo su 1 immagine(1 posizione) della griglia ma su tutte e 12 le immagini (12 posizioni), usando immagini diverse per ogni posizione e creare l' effetto random con 4 immagini per ogni posizione 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 !:crying:
 
Ultima modifica:
Ok ragazzi grazie tante per il vostro aiuto....è stato veramente fondamentale :pernacchi

Scherzi a parte....mi rispondo da solo e ho già trovato la soluzione sempre in javascript. :mavieni:

Se qualcuno fosse interessato mi faccia sapere....

Buona giornata a tutto lo staff di mrforum e a tutti gl' utenti :hammer:
 

Discussioni simili