Instead of using $(document).ready( ... ), you can try to use $(window).load( ... ):
$(window).load(function() { $("#photo").fadeIn("slow"); }); I believe that will wait until the image has been loaded. On 9/16/07, To <[EMAIL PROTECTED]> wrote: > > > 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 > > -- Ted