Jquery: fadeIn imagens após o carregamento do DOM. Às vezes funciona ..?

 //fade in images after the image has loaded..

$(document).ready(function(){
  $(".image_ad").hide().bind("load", function () { $(this).fadeIn(400); });
 });

Se alguém tiver alguma entrada, isso seria ótimo.

Eu escrevi isso para evitar ter que assistir as imagens sendo carregadas na página; prefiro a página carregada do que quando cada imagem está pronta, elas desaparecem muito bem.

O problema é que, às vezes, algumas imagens nunca são carregadas, pressionar a atualização corrige isso, mas eu prefiro ficar perfeito e perguntar se alguém tem alguma idéia do porquê.

Tenho a sensação de que, às vezes, o dom não está totalmente carregado até o momento da execução do script, eu sei que está em um documento. Já, mas pode ser possível ..

obrigado novamente.

Obrigado por todas as respostas! Vou brincar com os trechos hoje à noite e postar de volta que achei úteis. Mais uma vez, suas respostas são muito apreciadas.

Como visto abaixo, isso parece funcionar muito bem para minhas necessidades. Obrigado a todos.

$(document).ready(function(){
   $(".gallery_image").hide().not(function() {
       return this.complete && $(this).fadeIn(100);
   }).bind("load", function () { $(this).fadeIn(100); });
});

só mais uma coisa, eu não gosto de posts incompletos, então ...

Eu descobri que isso não funciona emFirefox 3.6.12.

Vou dar uma olhada nisso.

questionAnswers(5)

yourAnswerToTheQuestion