Hi. I have the simple scripts that preload images for mouseovers and then execute the mouseovers themselves. Now I'm trying to do the same thing but using external script files so I can use them across many pages and only need to change them once. I assume this is do-able, but what I've tried isn't working.

Between the <head> tags, I simply have something like <script language="JavaScript" src="preload.js"></script>. Then, the external file just right in with something like this:

function preload() {
yadda..
yadda..
}
function highlight(img) {
yadda..
}
etc.

Then in the body tag, I have onLoad="preload();" and then I've got the usual onMouseOver and onMouseOut event handlers in my markup.

The mouseovers work, but they are slow, leading me to believe that the images (which are small) aren't pre-loading. I'm sure this is simple.

Thanks.