JQuery – Wait until all images load before doing something

You may want to wait until all assets have loaded (such as images and certain JSON requests) prior to performing an action in JQuery. To do this, wrap your code in the following listener:

$(window).load(function(){

});

This is different than what is typically done:

$(document).ready(function(){

});

This allows us to wait until the DOM has successfully loaded before executing additional code, but does not wait for the additional assets.