JQuery :: Dynamic Images - 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.