Alternative to $(document).ready?

Question

Possible Duplicate:
jquery callback after all images in dom are loaded?

I am using the following script to load a div once the page load is complete:

    <script type="text/javascript">
        $(document).ready(function(){ 
            $('#page_effect').fadeIn(1618);
        });
    </script>

However, the problem is that the fadeIn fires off the moment the page is finished loading, but not all of the images. Is there a way to change it so it fires off the fadeIn the moment ALL of the files are finished loading?

Thank you.

Or http://stackoverflow.com/questions/910727/jquery-event-for-images-loaded — Michael Berkowski, Jan 05 '13 at 22:07

score 7 · Answer 1 · answered Jan 05 '13 at 22:04

7

You can use $(window).load(function() { ... }). The "load" event doesn't fire until all the assets are loaded.

The whole point of the "ready" event is to make it possible to do things in the interim between when the DOM is parsed and when images make it to the client, during which time not much else is going on. When you want the images there, then you can use "load". You can of course use a mix of both.

answered Jan 05 '13 at 22:04

Pointy

405,095
59
585
614

@Xarcell ?? Are you sure you're commenting on the right question? – Pointy Jul 12 '13 at 23:39
No I am not. Wrong question. – Xarcell Jul 12 '13 at 23:41

Alternative to $(document).ready?

1 Answers1