[jQuery] Preloading an image before further handling

[jQuery] Preloading an image before further handling


Hello all,
I'm looking for a while to preload an image before further handling.
In example, I want my visitors to enter a HTML-page with a (quiet big)
image and give this image a fade in. This fade in is easy to show, but
when I test it online, my image is loading to slow what makes that the
fade in isn't visible anymore. So what I want is a jQuery-check to see
if my image is completely loaded before the fade in is shown.
This is the jQuery I'm using to fade in:
$(document).ready(function(){
$("#photo").fadeIn("slow");
});
Who can help me to a *good* preloader or alternative for this? Tnx a
lot!
To