Image rotator problems

[designnewbie]

I am using an image rotator. It is not working properly and I don't know why.

I have used this for image placement in the content:

<p class="one"><img src="assets/image/746.jpg" width="200" height="200" alt="Main Image" id="rotator" /></p>

Here is the java I'm using:

<script type="text/javascript">
(function() {
var rotator = document.getElementById('rotator'); // change to match image ID
var imageDir = 'assets/image/'; // change to match images folder
var delayInSeconds = 5; // set number of seconds delay
// list image names
var images = ['661', '3MISTIT.jpg', '574.jpg'];

// don't change below this line
var num = 0;
var changeImage = function() {
var len = images.length;
rotator.src = imageDir + images[num++];
if (num == len) {
num = 0;
}
};
setInterval(changeImage, delayInSeconds * 1000);
})();
</script>


Not sure what I'm doing wrong. I get the original image when you first turn on the page. After that you only get the 3rd and 4th image. I don't have it live yet still trying to test.

Please help. Trying to add something dynamic to my index.

[designnewbie]

Almost forgot the class on the p tag is only for the bottom border.

[TheGAME1264]

You'll need to add the first image to the rotator (it's not part of the array) and you'll need to set the second one to 661.jpg. You need the file extension, or else there's no way for a browser or anything/anyone else to know that it's an image.

[designnewbie]

Thank you for your help. I didn't see the simple thing. I was looking for something difficult.

New question on the same code. How can I make the images link to other pages on the site?

[TheGAME1264]

You'd have to surround the image tag with an anchor link : <a href="#" id="rotating-link">your image</a>

Then you'd create a second array with the links in it (probably right underneath your images array) and add a line changing the href attribute of the rotating-link.

[designnewbie]

Sorry for the delay in getting back to this. I just got to being ready to add this now. How do I write this array? I tried to used the same array as the image array. It is not working. I know I just need to change a few things to make it work I just can't figure out what. I have tried a few different things.

[TheGAME1264]

Upload your page somewhere so we can see it, dude. It's hard to say what's going on without seeing it.

[designnewbie]

I uploaded it.
Rotator Page

[designnewbie]

I got the rotator for the images to work great but the link is all the same page. I am not sure what to change on the array.

[designnewbie]

I just tried to and a file folder to my assets folder with files for to link to and the changed the path it didn't work either. So frustrated.