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:

pablitosway

Nuovo Utente
1 Gen 2011
2
0
0
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
Autore Titolo Forum Risposte Data
G Eliminare l'effetto refresh di una pagina internet PHP 8
E telecamera effetto nebbia IP Cam e Videosorveglianza 0
S [Photoshop] Nome di questo effetto (vedi foto) Photoshop 1
S [HTML] Effetto su testo da togliere HTML e CSS 0
F [Photoshop] Effetto "vetro" Photoshop 1
A [Photoshop] come poter realizzare il seguente "effetto" Photoshop 4
P [Photoshop CC] Come posso creare quest'effetto - cerchi concentrici Windows e Software 6
P [Photoshop] Effetto ombra Photoshop 1
R [HTML] Effetto carousel di testo su immagine fissa HTML e CSS 2
trattorino [Javascript] effetto carino sul click mi aiutate? Javascript 1
Andrea_Ventura [HTML] Problemi con effetto hover HTML e CSS 5
M [Photoshop] Come posso creare questo effetto ? Photoshop 2
T [Javascript] identico carousel con effetto fade: in una pagina va in un'altra no, mistero? Javascript 3
I Effetto glowing su immagine con GIMP Webdesign e Grafica 0
MimmoMandrillo [Photoshop] Che effetto è questo? Photoshop 3
R [Photoshop] Come creare questo effetto (v.immagine)?(sovrapposizione immagini in modo uniforme) Photoshop 2
D [Photoshop] Come arrivare a questo effetto? Photoshop 4
S [Photoshop] aiuto effetto glitch scanner (scanner art) Photoshop 1
A Effetto hue-rotate con javascript Javascript 2
elpirata Creare scritte flash effetto dinamico Flash 2
A [HTML] Menu con effetto slide down HTML e CSS 0
M [HTML] Slideshow immagini con effetto FADE HTML e CSS 2
F [HTML] Navbar interferisce con codice per effetto parallax HTML e CSS 2
D effetto con adobe muse Windows e Software 1
X [Photoshop] Cercasi strumento per ottenere un semplice effetto. Photoshop 6
F [HTML] Effetto fade su ogni immagine contenute in uno slider HTML e CSS 16
S [HTML] Effetto hover in un div HTML e CSS 6
M [Photoshop] come realizzare un effetto speciale? Photoshop 1
D [HTML] Sfondo-Background fisso ma non troppo con effetto in movimento HTML e CSS 4
R [HTML] Pulsante con effetto dissolvenza (fading) HTML e CSS 10
trattorino [Javascript] caricamento immagine con effetto fade Javascript 1
R Effetto sul testo Javascript 3
K Effetto psichedelico Flash 0
G Effetto mosso tipo calce. Photoshop 1
P Effetto spruzzo di profumo Photoshop 1
J Aggiunta di un effetto di transizione al plugin Quick Pager jQuery 0
L effetto galleria popup (immagini) jQuery 1
M effetto del testo css HTML e CSS 1
Z Effetto pennello con Flash Flash 0
P Visualizzare video mp4 con effetto lightbox jQuery 1
L Effetto fade a div Javascript 1
L Effetto hover con jquery jQuery 2
F effetto movimento immagini jquery jQuery 3
matteoraggi Come si fa a ricreare l'effetto dei pesciolini? WordPress 3
F Effetto comparsa header Javascript 2
F mappa jquery con effetto hover + fancybox Javascript 1
F Come si chiama questo effetto hover? Javascript 1
J effetto sliding dors come cover per entrare in un sito JQ Javascript 0
D Effetto foto come quella di Mika Photoshop 1
P Effetto lente su testo Javascript 1

Discussioni simili