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:
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: