How to call a jQuery function AFTER html and content (images) finished loading..?

Question

Is it possible to do at all..?

The goal of this is to load a heavy Flash movie, after the images, text, and contents of my page is finished loading...

Any solutions..?

More details: The Flash movie (a music mp3) is loaded in a frame (menuFrame) with the menu. The content (that needs to be loaded first) is in another frame (contentFrame)...

Answer 1

$(window).load(function() {
    // this code runs after the page finished loading
});

Answer 2

Try:

window.onload

or Jquery version:

$(window).load()

Answer 3

$(window).load() is exactly what you are looking for. The event fires when the whole page, i.e. the DOM plus all image resources, has loaded. From the docs:

The load event is sent to an element when it and all sub-elements have been completely loaded. This event can be sent to any element associated with a URL: images, scripts, frames, iframes, and the window object.