So i have this code written out for a slid show.
<script type="text/javascript">
var slideimages = new Array() // create new array to preload images
slideimages[0] = new Image() // create new instance of image object
slideimages[0].src = "images/rx8_1.png" // set image object src property to an image's src, preloading that image in the process
slideimages[1] = new Image()
slideimages[1].src = "images/rx8_2.png"
slideimages[2] = new Image()
slideimages[2].src = "images/chevy_1.png"
slideimages[3] = new Image()
slideimages[3].src = "images/chevy_2.png"
slideimages[4] = new Image()
slideimages[4].src = "images/cloth.png"
</script>
<div class="grid_8 slideshow">
<img src="images/rx8_1.png" id="slide" />
<script type="text/javascript">
//variable that will increment through the images
var step=0
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.getElementById('slide').src = slideimages[step].src
if (step<2)
step++
else
step=0
//call function "slideit()" every seconds
setTimeout("slideit()",4000)
}
slideit()
</script>
</div>
For whatever reason it wont show the last 3 images and i cant figure out why.