Cargar imagen antes de ocultar loader

rossijona · #1 (**permalink**) 05/07/2012, 06:57

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!

emprear · #2 (**permalink**) 05/07/2012, 09:58

Por definición
load(), jQuery
Load data from the server and place the returned HTML into the matched element.
Así que de ninguna manera va a funcionar eso que estás haciendo.
Podés probar con algo asi

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function imagenCargada()
{
// ocultar el div
// otras funciones
alert("hola");
}
</script>
</head>
 
<body>
<img src="logo.gif" onload="imagenCargada()" width="150" height="150" />
</body>
</html>

Saludos

rossijona · #3 (**permalink**) 05/07/2012, 10:58

Perfecto, funciona muy bien.

Una solución sencilla!.

Muchas gracias!