Problemas con LOAD en JQuery

[sweetman]

Llevo varias webs hechas (como freelance) utilizando jQuery y tropiezo siempre con la misma piedra...

Utilizo:

Código HTML:

$(document).ready(function(){
	$('#contenedor').hide();
	$('#contenido').hide();
});

Y consigo que en cuanto se cargue la estructura de la página me oculte dos capas... luego hago, por ejemplo:

Código HTML:

$('img').load(function () {$('#contenedor').show("slow", function () {$('#contenido').fadeIn("slow");};

Para que cuando estén cargadas las imágenes muestre esas capas de forma más bonita

Funciona bien... pero siempre tropiezo en la misma piedra... cuando alguien ve una pagina, luego otra y luego vuelve a la primera, como ya está cargada de antes no la carga, por lo que no existe el evento Load... así que no muestra las capas y el usuario tiene que dar a recargar para poder ver la página...

Puedes ver como pasa por ejemplo en http://www.factorycolors.net/index.php

¿Qué puedo hacer? ¿he creado mal el evento? ¿puedo forzar con javascript que SIEMPRE recarge un elemento o varios? ¿cómo?

[marcopoloaz06]

hola, busque un plugin de jQuery y te puse un ejemplo espero que lo entiendas, aqui te lo dejo:

http://polopolomp.6te.net/images.html

saludos
:]

[sweetman]

mmm... creo que lo entiendo más o menos... he buscado la página del plugin y me miraré la documentación despacio...

¡¡MUCHAS GRACIAS!! Te lo agradezco de verdad... ya te contaré!!!...

[nicolaspar]

No comprendo bien, pero document.ready no trabaja bien con backgrouds y algunas otras cosas. Entonces, si es eso, en vez de:

Código:

$(document).ready(function(){
                $('#contenedor').hide();
  	$('#contenido').hide();
});

Intenta con:

Código:

$(window).load(function(){
                $('#contenedor').hide();
                $('#contenido').hide();
});

Suerte