i have this script.
this script works success to slides showe of images but it have one problem.
when this script loads it waited for all images loaded then begins to showes slide showe of them.
i want that when it loads then do to showes image equal images loaded in background. or when every silde showes every time loads it's image for it's slide in same time. i dont wnat to it waited for loading all images.
<script>
var slideShowSpeed = 5000
var crossFadeDuration = 3
var Pic = new Array()
var Caption = new Array()
Pic[0] = '1.jpg'
Pic[1] = '2.jpg'
Pic[2] = '3.jpg'
Pic[3] = '4.jpg'
Pic[4] = '5.jpg'
Caption[0] = "This is the first caption.";
Caption[1] = "This is the first caption.";
Caption[2] = "This is the second caption.";
Caption[3] = "This is the third caption.";
Caption[4] = "This is the fourth caption.";
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
document.getElementById("CaptionBox").innerHTML= Caption[j];
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
s=(p-1)
if (j > s)
{
j=0
}
t = setTimeout('runSlideShow()', slideShowSpeed)
}
onload = runSlideShow; //
</script>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=150 width=150>
<img src="1.jpg" name='SlideShow'></td>
</tr>
<tr>
<td id=CaptionBox class=Caption align=center>
This is the default caption. </td>
</tr>
</table>
can any one change this script for solving this request?
thanks