[jQuery] Dynamic images - how can I tell when they are ready to be viewed by the browser?
I'm building a slide show using jQuery and I am having sporadic issues
displaying an image before it's fully loaded.
e.g. Images are stored in a database (binary not the image path) and I
use an image handler to retrieve the images.
Because the amount of images for each slide show is not predetermined,
I load the first image and next image initially, then each time a
slide (next) is selected I fetch that slide and the next slide. I
don't want to pre-load each image as there could be well over 50-60
images and some users might only view a handful of slides. Thus
wasting bandwidth and resources.
Is there a way I can tell when the requested image is ready to be
viewed/rendered? The reason for this is that all images are not fixed
width/height and to place them in the middle of the "stage" I need to
check the height/width so I can add it to the container I am
positioning.
Any ideas/thoughts on this would be greatly appreciated.
Regards, David