Link to home
Start Free TrialLog in
Avatar of BlueEdger
BlueEdger

asked on

Preloading Images with MM_preloadImages

Dear all,

I seem to be having a problem with preloading images - I am setting up a photo library, with thumbnails that display the full size image when you hover over the thumbnail.  I am preloading the hover images, about 30-40k each, using MM_preloadImages.  Everything works fine, until I get more than about 20 preloaded images.  What I think is happening is that it is taking longer to preload the images than it is to load the page, and so there is a delay after the page has finished loading and before the first hover over image appears.

Is there anyway I can get round this?  I had hoped it would start displaying the images before the last few had finished loading, but it doesnt seem to work.  Im sure there is an easy solution to this, but I cant think of one at the moment - hence my post!

Thanks
Avatar of fritz_the_blank
fritz_the_blank
Flag of United States of America image

>>
I had hoped it would start displaying the images before the last few had finished loading, but it doesnt seem to work.
<<

That would go against the whole idea of preloading the images in a sense...



Avatar of BlueEdger
BlueEdger

ASKER

Yes I guess it does really!

Is there anyway I could detect when the pre-load has finished and display something to show the user could continue?  I know people are going to think the site is broken if the image does not appear straight away.
Does this happen only with slow (dial-up) connections or with fast ones as well?

FtB
Its happening with fast ones as well.  So its going to be terrible on a dial up.
That is a little strange....where do you call the preloading of images, on the onLoad() of the body?

FtB
Yes.

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" onLoad="MM_preloadImages('image01.jpg','image02.jpg','image03.jpg','image04.jpg','image05.jpg','image06.jpg','image07.jpg','image08.jpg','image09.jpg','image10.jpg','image11.jpg','image12.jpg','image13.jpg','image14.jpg','image15.jpg','image16.jpg','image17.jpg','image18.jpg','image19.jpg','image20.jpg','image21.jpg','image22.jpg','image23.jpg','image24.jpg','image25.jpg','image26.jpg','image27.jpg','image28.jpg')">

I've only ever used preload this way.  I have seen it done via a script in the head though, although it seems very long winded.  Is there a better way to tackle this?
ASKER CERTIFIED SOLUTION
Avatar of fritz_the_blank
fritz_the_blank
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Yes, there is a lot to preload, I guess its just one of those things.

I'll just have to educate my visitors to be a bit patient!

Thanks for your help.
Just one thing to think about:

Once the images get loaded, they stay in cache for the visit. You might consider using a frame or a pop up window that calls the preloading and have your regular window to display what you need right away. That way, you will get the best of both worlds.

FtB