En jQuery podemos ejecutar un código cuando la página haya terminado de cargarse de dos formas:
A) Cuando el DOM se haya cargado:
$(document).ready(function()
{
// Nuestro código
});
Esto significa que ese código se ejecutará cuando el navegador haya cargado todo el código HTML de la página y lo haya interpretado, teniendo así ya disponible el DOM.
B) Cuando se hayan cargado todos los elementos de la página:
$(window).load(function()
{
// Nuestro código
});
Este código se ejecutará cuando todos los elementos de la página se hayan cargado. Es lo que querremos usar si queremos ejecutar nuestro código cuanto todas las imágenes se hayan cargado.