I am loading a bunch of images for a GUI which will pick attributes for my clients product.
Is it best to pre-load all the images at the start (which I’m guessing would take some time) and then have the GUI have full functionality or is it better to load images on the fly.
Essentially i am working on a picture/poster framing application. I have about 20+ frames that will be able to be selected by the user and when a frame is clicked I change the images for the frame on the display in the GUI.
I am using Jquery. Any insight would be helpful as to the best case scenario for this.
And if I will be pre-loading all the images how do I put one of those loading bars on the screen like you see in Flash or a loading gif like i’ve seen in Ajax?
Thanks
Mike
Why not do both?
You can load images lazily, but also hook
$(document).ready()to pre-load the images. That way, if the user accesses an image before it’s preloaded, it comes in then; if the user waits long enough it will be instantaneous.This technique is common with things like menubar roll-overs.