[Resolvido] Efeito fadein após carregar a imagem

[marcelo2605 10]

pessoal, quero criar um efeito fadein na imagem de fundo do site. Então usei jquery:

 

$(document).ready(function(){
$('#content-como').hide().delay(2000).fadeIn(1500);
$('.box-como').hide().delay(1000).fadeIn(1500);
});

 

O problema é que na primeira vez que o site carrega, o efeito não acontece. Então queria que o fadein se iniciasse somente quando a imagem fosse carregada.

 

Tentei isso:

 

$(window).load(function() {
	$('#content-como').hide().fadeIn(1500);
	$('.box-como').hide().delay(1000).fadeIn(1500);
});

 

Deu certo no Firefox mas não no Chrome e nem no Explorer.

 

Alguém pode me ajudar?

[marcelo2605 10]

Acho que consegui. Carreguei todas as imagens na primeira página:

 

<script>
(new Image(990, 430)).src="../../images/fundo.jpg";
(new Image(990, 430)).src="../../images/fundo2.jpg";
(new Image(990, 430)).src="../../images/fundo3.jpg";
</script>