Slideshow di immagini random, [JAVASCRIPT]

« Older   Newer »
  Share  
F e d ë!
view post Posted on 8/7/2010, 08:09




Script da mettere nel "body":

SPOILER (click to view)
CODICE
<script language="javascript">

/*
codice di shika7
*/

var delay=1000 //tempo di attesa per il cambio immagine
var curindex=0

var randomimages=new Array()

       randomimages[0]="immagine1.jpg"
       randomimages[1]="immagine2.jpg"
       randomimages[2]="immagine3.jpg"
       randomimages[3]="immagine4.jpg"
       randomimages[4]="immagine5.jpg"
       randomimages[5]="immagine6.jpg"

var preload=new Array()

for (n=0;n<randomimages.length;n++)
{
       preload[n]=new Image()
       preload[n].src=randomimages[n]
}

document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')

function rotateimage()
{

if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex

       document.images.defaultimage.src=randomimages[curindex]
}

setInterval("rotateimage()",delay)

</script>


Qui
CODICE
randomimages[0]="immagine1.jpg"


Importante! Le immagini e il file devono essere nella stessa disectory (cartella) altrimenti, se sono hostate su web, inserite il link completo di http:/....

Al posto di immagine1.jpg mettete il link della vostra imamgine, e così anche per gli altri; per aggiungere altre immagini basta attenersi a quelle 6, copiando la riga, così:

CODICE
randomimages[6]="immagine7.jpg"
randomimages[7]="immagine8.jpg"
ecc...


Per modificare il tempo di attesa tra un'immagine e l'altra modificare questo valore numerico:

CODICE
var delay=1000
 
Top
0 replies since 8/7/2010, 08:09   167 views
  Share