Cargar imagen antes de ocultar loader

[rossijona]

Buenas chicos,

Dado que no logre encontrar una solución les consulto a los Maestros:

necesito ocultar un div con un loader.gif y ejecutar otras acciones luego de que xxxxx.jpg termine de cargar.

E probado con load(); funciona, pero aveces no termina de cargar nunca (osea el load no funciona y queda el loader ahi mientras que la xxxxxx.jpg ya cargo), luego de hacer F5 funciona bien, pero de entrada no.

Mi código:

Código HTML:

$('.bg img').load(function(){
				$('.loading').fadeOut(500);
				
				$('.present h1').fadeIn(3000);
				
				setTimeout(function(){
					$('.present h1 a.logo span').fadeIn(500);
					$('.present h1 a.logo').animate({
							margin: '-263px 0 0 -354px'
					}, 1000);
			
			
					setTimeout(function(){
						$('img.e3, .slogan').fadeIn(1000);
					}, 4000);
			
					setTimeout(function(){
						$('a.entrar').fadeIn(500);
						
						setInterval(function(){
							$('a.entrar img').animate({
									width: '160px',
									height: '156px'
							}, 100);
							$('a.entrar img').animate({
									width: '150px',
									height: '146px'
							}, 100);
						}, 1500);
					}, 4500);
			
				}, 3000);
			});

Si alguien conoce algún método mas eficiente...

Gracias!