Ayuda con preload con jquery

[sebaXsscom]

Hola, me presento soy sebastian, y recurro al foro por que no he podido encontrar solucion a mi problema, nesecito saber como hacer una precarga de un sitio con jQuery, trate de adaptar un codigo de una precarga de imagenes pero no resulto, aqui esta el codigo que adapte:

Código HTML:

$(document).ready(function(){
	$('body').each(function(){
		$(this).load(function(){
			$("#carga").fadeOut("slow"); //Div de la percarga
		});
	});
});

Pero no me sirvio, encontre la forma de hacerlo con Javascript comun y corriente

Código HTML:

ff=document.all;
ns=document.layers;
ie=document.all;
if(ff){
	document.getElementById('preloader').style.display='none';
}
if(ns){
	document.pregarga.visibility="hide";
}
if(ie){
	precarga.style.visibility="hidden";
}

Pero mi idea es que tenga efecto Fade cuando termine de cargar, necesito saber como añadirle Jquery al codigo de arriba, o como hacerlo por completo con jQuery

[caricatos]

Hola sebaXsscom, bienvenido a los foros :

No sé exactamente a que te refieres con las precargas, pero no creo que sean recomendables...

De todas formas, tal vez en el foro adecuado puedan ayudarte.

Saludos

[WinGFX]

Tal vez puedes hacer un evento onload con jquery usando la siguiente sintaxis:

$(document).ready(function() {
$(window).bind("load",function() {

$("#tu_id").fadeOut(500,function() {
$(window).unbind("load");
});
});
});

Espero te sirva

[sebaXsscom]

Muchas gracias WinGFX, era justo lo que necesitaba.

[sabigual]

Imagino que esta es una muy buena Opcion, pero no me ha funcionado, tengo algo en mi web asi:

Codigo javascrip

Código:

window.onload = load;
	function load() {
		document.getElementById('loading').style.display = 'none';
		document.body.style.display = 'block';
}

	function preloader() {
		document.getElementById('loading').style.display = 'block';
}

Y el el body tengo esto que es lo que muestro si no se ha terminado de cargar mi pagina.

Código HTML:

<!--Loading-->	
	<div id="loading" align="center">
		<br />Cargando...<br />
		  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="AQUI UN LINK, la web no deja cargar link">
			<param name="movie" value="../Caja/images/loading.swf" />
			<param name="quality" value="high" />
			<embed src="../Caja/images/loading.swf" quality="high" pluginspage="AQUI UN LINK, la web no deja cargar link"></embed>
		  </object><br />
	</div>
<!--End Loading--> 

Como lo adapto usando JQUERY?

[cesar203]

que tal yo tambien tengo un problema similar resulta que quiero un preload para un iframe con jquery ayuda amigos

[jmm87]

gracias por la data ya lo instale! igualmente no creo q sea el error ya que si yo saco esto del head

Código Javascript:

<script type="text/javascript">
    $(document).ready(function() {
    $(window).bind("load",function() {
 
    $("#page1").fadeIn(2000,function() {
    $(window).unbind("load");
    });
    });
    });
</script>
 

y el estilo al body que le puse carga todo bien sin tocar ningun de los errores que me marcas