Thumbnail image scrollover/out to larger image

Hey! I'm trying to do a photo album kind of thing where if one scrolls over a thumbnail, a larger version of it shows up in a designated area to the right but vanishes when not scrolled on.....

I have it up, but I'm having issues with the large images not staying hidden when the page first loads. You can see what I mean her.... aptmess/album example (http://sadieknight.com/aptmess.html)

i was thinking a preloader might help, but I'm not sure.... and I pretty much stink at coding since I'm just starting out......

if anyone could give me some ideas or point me in the right direction (like for example a site with a similar idea), maybe I could learn by practice and experience......

I'd appreciate the help....
Sam :confused:

The simplest solution would be to just initially hide all of those divs that contain the large images. visibility:hidden;

Like so
<div ID="idApt8xlarge" style="position:absolute; top:20px; left:170px; width:400px; height:303px; visibility:hidden;"><img SRC="apt8_400x303.jpg" NAME="idApt8xlargeImg" ID="idApt8xlargeImg" WIDTH=400 HEIGHT=303 BORDER=0 onLoad="javascript:jsHide('idApt8xlarge');return true"></div>

That should do the trick.

ShriekForth