I have a picture gallery, using the following...

<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);

ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);

function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
// End -->

I then have a table full of thumbnails, with a big empty cell called 'mainpic'
waiting to receive the desired full-size image.
Each thumb has a link like this...

<a href="javascript:doPic('pic1.jpg');"><img
src="pic1-small.jpg" width=90 height=60 border=0></a>

Question, can I preload the large images (pic1, pic2 etc) to save time when
the user makes a selection? Importantly, this preload has to happen after
the rest of the page has loaded. The page already sources a .js file to create
the navigation system and I want the menu and page (including thumbnails)
to finish loading before the preloading of the larger images takes place.
That way they can be downloading in the background whilst the user deliberates
over which one to view!

See http://www.discover.ltd.uk/kasbah/pics/thumbs.htm for current version.

Finally, what does a prelaod script look like, links gratefully accepted.

Thank you

Conor Davies