Slideshow con barra di caricamento. Come si fa?

[abmcr]

Con qesto script si fa una dissolvenza di immagini che va bene. Io, che non sono capace ad usare Java oltre un livello meno che elementare, vorre fare in modo che lo script visualizzi una barra di caricamento (tipo preload) per evitare che, se le immagini sono un po', non si veda nulla Finché lo script parte.
Qualcuno mi da una dritta? grazie


<script language="JavaScript1.2">

var slideshow_width=432 //SET IMAGE WIDTH
var slideshow_height=288 //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="immagini/img_0552.jpg"
fadeimages[1]="immagini/img_0556.jpg"
fadeimages[2]="immagini/img_0560.jpg"
fadeimages[3]="immagini/v1.jpg"

////NO need to edit beyond here/////////////

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

var ie4=document.all&&navigator.userAgent.indexOf("Ope ra")==-1
var dom=document.getElementById&&navigator.userAgent.i ndexOf("Opera")==-1

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+';top:0;filter:alpha(op acity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+' ;height:'+slideshow_height+';top:0;filter:alpha(op acity=10);-moz-opacity:10"></div></div>')
else
document.write('[img]'+fadeimages[0]+'[/img]')

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1


function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='[img]'+fadeimages[nextimageindex]+'[/img]'
nextimageindex=(nextimageindex<fadeimages.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("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}

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

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

</script>

[abmcr]

[abmcr]

Cercando qua e là, ho trovato questo script che simula una barra di caricamento delle immagini
<script language=JavaScript>
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!docum ent.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>
<style></style>
</head>
<script language="JavaScript1.1">
<!-- begin hiding
var locationAfterPreload = "index.htm"
var lengthOfPreloadBar = 230
var heightOfPreloadBar = 7
var yourImages = new Array("pippo/1.jpg","pippo/2.jpg","pippo/3.jpg","pippo/4.jpg","pippo/5.jpg","pippo/7.jpg")
if (document.images) {
var dots = new Array()
dots[0] = new Image(10,10)
dots[0].src = "black.gif"
dots[1] = new Image(10,10)
dots[1].src = "blue.gif"
var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
var loaded = new Array(),i,covered,timerID
var leftOverWidth = lengthOfPreloadBar%coverage
}
function loadImages() {
for (i = 0; i < yourImages.length; i++) {
preImages[i] = new Image()
preImages[i].src = yourImages[i]
}
for (i = 0; i < preImages.length; i++) {
loaded[i] = false
}
checkLoad()
}
function checkLoad() {
if (currCount == preImages.length) {
//qui
location.replace(locationAfterPreload)
return
}
for (i = 0; i <= preImages.length; i++) {
if (loaded[i] == false && preImages[i].complete) {
loaded[i] = true
eval("document.img" + currCount + ".src=dots[1].src")
currCount++
}
}
timerID = setTimeout("checkLoad()",10)
}
// end hiding -->
</script>
<body bgcolor="#66CCFF" text="#000080" link="#c0c0c0" vlink="#c0c0c0" alink="#c0c0c0" scroll="no">
<font color="#ffffff">
<center>
</center>
</font>
<table width="341" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#000080">

<tr>
<td width="341" height="70" valign="top" bgcolor="#FFFFFF"> <div align="center">


<font color="#ffffff"><font color="#000080"> <font size="2" face="TAHOMA">CARICAMENTO
IN CORSO ...</font></font><font size="2" face="TAHOMA" color="#C0C0C0"><font color="#000099">



<font size="1"> <font color="#000080">0%</font>
<script language="JavaScript1.1">
<!-- begin hiding
if (document.images) {
var preloadBar = ''
for (i = 0; i < yourImages.length-1; i++) {
preloadBar += '[img]' + dots[0].src + '[/img]'
}
preloadBar += '[img]' + dots[0].src + '[/img]'
document.write(preloadBar)
loadImages()
}
// end hiding -->
</script>
10</font><font size="1" color="#000099">0%</font><font size="1"><font size="2" face="tahoma">

</font></font></font><font size="1"><font size="2" face="tahoma" color="#c0c0c0"></font></font></font></font></p>
</div></td>
</tr>
</table>


Adesso io vorrei fare in modo che questo primo script lanci poi il secondo. La variabile locationAfterPreload adesso punta ad una nuova pagina, per cui credo vada sostituita con una chiamata alla funzione di prima, ma non so se si può fare e come!!!:master: