So I followed the instructions here: for setting up a rotating image on a client's webpage. Those directions are identical to the ones I've found on a few other sites, and I can even get it to work when I don't have anything else on the page, but not where I need it. I'm using a Dreamweaver template and that's the only thing I can think would be effecting it. I tried redoing it with all site-root relative paths, thinking that was the issue when the template was applied to each page, but still no luck.

All the code is still on the site at, I just commented out the image itself so it doesn't look bad on the site in the meantime, so you can go there to see it in full context but here's the code in question:
// Comma separated list of images to swap

var imgs = new

Array('images/Supreme-rotatingBanner.gif', 'images/rotatingTestImage.gif'


// delay in milliseconds between image swaps 1000 = 1 second

var delay = 3000;

var counter = 0;

function preloadImgs(){

for(var i=0;i<imgs.length;i++){




function randomImages(){

if(counter == (imgs.length)){

counter = 0;


MM_swapImage('rotator', '', imgs[counter++]);

setTimeout('randomImages()', delay);

That part is just above the < / script > tag like the directions said.

HTML Code:
<body onload="preloadImgs();randomImages();">
 <div id="banner">

<img src="../images/banner.jpg" width="161" height="189" />

<img src="/images/Supreme-rotatingBanner.gif" name="rotator" width="485" height="129" id="rotator" />

<div id="header">
    <li><a href="../index.html">Home</a></li>
    <li><a href="../contact.html">Contact</a></li>
There's the start of the page with the portrait image ("banner.jpg") then the image that should be rotating, given the id and name "rotator."

I've got plenty of CSS going on in all this too but none of is effecting "rotator" so I can't imagine that's messing with things but I can include that too if someone thinks otherwise.

This has me really stumped so any help would be awesome!