Vise et billede mens preloader
Jeg har lavet fået lavet et lille fint slideshow på min side. Det virker meget godt. Men da mine billeder fylder en del tager det lang lang tid før det starter.Kan man lave det så der vises ét billede mens de andre billeder preloades?
Herunder kan i se koden:
<script type="text/javascript">
function rndSort(){
return Math.round(Math.random())-0.5
}
var slideShowSpeed = 7000
var crossFadeDuration = 5
var Pic = new Array()
Pic[0] = '0.jpg'
Pic[1] = '1.jpg'
Pic[2] = '2.jpg'
Pic[3] = '3.jpg'
Pic[4] = '4.jpg'
Pic[5] = '5.jpg'
Pic[6] = '6.jpg'
Pic[7] = '7.jpg'
Pic[8] = '8.jpg'
Pic[9] = '9.jpg'
Pic.sort(rndSort);
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
</head>
<body onload="runSlideShow()">
<div align="center">
<table border="0" width="944" cellspacing="0" cellpadding="0" id="table2">
<tr>
<td>
<img src="blank.gif" width="944" height="250" name="SlideShow" /></td>
</tr>
</table>
