javascript slideshow, and preloading

Hi

I am in the process of designing a slideshow with javascript. At the moment I am having problems with the preloading of the images. the slideshow can be viewed here .

The preload code is

var preloadit=new Array()
for (i=0;i<numberslide.length;i++){
preloadit[i]=new Image(i)
preloadit[i].src=numberslide[i][0]
loader="Loading"
}
loader="Image ready"

And then it prints out the value of the variable "loader" later in the script. But I want to test to see if the image is completely loaded or is in the process of loading. I don't know how to do the preload test.

Is there a way of stopping the previous and next buttons from working until the next image is ready to view?

Could anyone help me?

bye for now
Allyson

In my opinion there are a number of issues:

You need to create syntactically correct mark-up.

Suggest using a method other than Frontpage 5.0.

You are trying to load too many images at start up. Your page took far to long to load and I'm on a fast broadband. Most people would get fed up with waiting and leave before it had loaded.

You need to trap 'previous' and 'next' clicks when there isn't one so as not to produce 404 errors.

To answer your original question, you can disable the buttons and then use JavaScript to enable them once your images have loaded.

Is there a way that I can add javascript to this function, that tests to see whether an image has fully loaded.

for (i=0;i<numberslide.length;i++)
{
preloadit(i)=new Image(i)
preloadit(i).src=numberslide(i)[0];

}

bye for now
Allyson