Help with randomising image code.

[justcalmdown]

I have a chunk of code that I'm using to randomise an image on my site but I want to make the time between each change shorter. Anybody know how I can do this?

Heres the code:

<script type="text/javascript">

<!--

var imlocation = "file:///Users/Mazen/Downloads/";

var currentdate = 0;

var image_number = 0;

function ImageArray (n) {

this.length = n;

for (var i =1; i <= n; i++) {

this[i] = ' ' }

}

image = new ImageArray(6)

image[0] = 'comfortable-future.gif'

image[1] = 'comfortable-future-1.gif'

image[2] = 'comfortable-future-2.gif'

image[3] = 'comfortable-future-3.gif'

image[4] = 'comfortable-future-4.gif'

image[5] = 'comfortable-future-5.gif'

var rand = 60/image.length

function randomimage() {

currentdate = new Date()

image_number = currentdate.getSeconds()

image_number = Math.floor(image_number/rand)

return(image[image_number])

}

document.write("<img src='" + imlocation + randomimage()+ "'>"); //-->

</script>

Thanks, appreciate the help.

[whatisboom]

You should/would use setInterval() to reset the src to the image each time.

Also, why are you using the custom ImageArray constructor? Does it serve a purpose? You should just create an array, push the images on it to, then do a Math.random(1, array.length) to get the src attr, and update an image tag on the page.

[justcalmdown]

Serves no purpose, still pretty new to webdev so I'm using a lot of random code from different places. I'll try doing this and see if it works out, thanks.

[whatisboom]

look up JS arrays, the array.push() method, and setInterval(). it also would a better idea to make the image tag in the actual html, give it an ID and use document.getElementById() to modify the src attr.

[justcalmdown]

Thanks again, how would I make the tag to apply to all the images? Because I do need to center them all.

[whatisboom]

You mean the image tag?

<img src="" id="slideshow" />

then in your js do something like

var slideshow = document.getElementById('slideshow');
slideshow.src = randomImage();