cargar todas las imagenes y recien ejecutar function

[danistrein]

hola queridos foreros, estoy haciendo una web, la cual utiliza imágenes pero el tema es que son pesadas y tardan en cargar y al mismo tiempo apenas entra a la web dichas imágenes se mueven, mi problema es que cuando entran a la web se ejecuta la animación pero las imágenes recién están cargándose, eh intentado esto:

Código Javascript:

$(document).ready(function (){
    $("img").load(function (){
        functionAejecutar();
    });
});
 
// y
 
$("img").ready(function (){
        functionAejecutar();
});
 

pero no me funcionan T-T, el primer código hace que ande mal el animate() y el segundo ni siquiera funciona

me podrían ayudar, agradecería su ayuda, saludos

[hackjose]

El evento domcontentloaded se lanza cuando el documento a sido analizado por completo
El evento load(window.load) se lanza cuando el documento esta totalmente cargado(imagenes,iframes, hojas de estilo y scripts)

Asi que podrias usar este evento load, en su handler haces la llamada a la funcion que hace la animacion

cuando usar ready en realidad estas usando domcontentloaded hasta donde se y por ende se va a hacer la animacion pero las imagenes van a estar cargando mientras se ejecuta

Saludos