How to Loop Images in a webpage with an even delay?

[mbusu]

Hmm I must be doing something wrong... table coming up with blank background:


<script type="text/javascript">
var pictureArchive=

['images/rotator/1.jpg','images/rotator/2.jpg','images/rotator/3.jpg','images/rotator/4.jpg'];

window.onload=function() {
rotate(pictureArchive.length);
}

function rotate(idx) {
if(idx>=pictureArchive.length) {
idx=0;
}
document.getElementByID('mbusu')[0].style.backgroundImage = 'url

('+pictureArchive[idx++]+')';
timerID=setTimeout(function(){rotate(idx)}, 5000);
}</script>


<table id="mbusu" border="0" height="311" width="873"

cellspacing="0" cellpadding="0" >

<tr><td>etc etc



Sorry for being a pain in the butt Fang!

[Fang]

document.getElementById('mbusu').style.backgroundImage = 'url('+pictureArchive[idx++]+')';

[mbusu]

Cool! It finally works. Can't thank you enough! Prepare to be assimilated and stuff...! Make it so Number One! and erm... don't wear a red shirt!

[richardwcole]

That code worked great for looping the images, how does one center the images on the page vertically speaking?

thanks