js - galleria di presentazione.. in random?

[angelicab]

ciao
sto utilizzando questo script (l'ho preso dalla raccolta script di questo sito) per avere una galleria di presentazione ...

vorrei però che le immagini apparissero in modo random.. come posso fare?

<script type="text/javascript" language="JavaScript">
<!--
var slideshow_width='250px'
var slideshow_height='190px'
var pause=3000
var slidebgcolor="#ffffff"

var dropimages=new Array()
dropimages[0]="img/img1.jpg"
dropimages[1]="img/img2.jpg"
dropimages[2]="img/img3.jpg"

var droplinks=new Array()
droplinks[0]="http://www.html.it"
droplinks[1]="http://flash-mx.it"
droplinks[2]=""

var preloadedimages=new Array()
for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=dropimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+' ;height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+' ;height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+' ;height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
else
document.write('[img]'+dropimages[0]+'[/img]')

var curpos=parseInt(slideshow_width)*(-1)
var degree=10
var curcanvas="canvas0"
var curimageindex=linkindex=0
var nextimageindex=1

function movepic(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{

clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
var slideimage='[img]'+dropimages[curimageindex]+'[/img]'
tempobj.innerHTML=(droplinks[curimageindex]!="")? ''+slideimage+'' : slideimage
nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("movepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=dropimages[curimageindex]
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
}

function rotatelink(){
if (droplinks[linkindex]!="")
window.location=droplinks[linkindex]
}

function resetit(what){
curpos=parseInt(slideshow_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='[img]'+dropimages[curimageindex]+'[/img]'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

//-->
</script>

[lake86]

per generare un numero random fai cosi

var ran_unrounded=Math.random()*5;
var ran_number=Math.floor(ran_unrounded);

e ti da un numero da 0 a 4 inetro...

Dove cambi immagine metti questo :P

...


clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)

var ran_unrounded=Math.random()*5;
var ran_number=Math.floor(ran_unrounded);
var slideimage='[img]'+dropimages[ran_number]+'[/img]'

tempobj.innerHTML=(droplinks[ran_number]!="")? '[url="'+droplinks[ran_numbar]+'"]'+slideimage+'[/url]' : slideimage


... 

Se ho letto bene dovrebbe andare, cmq controllalo

[angelicab]

grazie