Preloader para Web HTML

miguehsmonline · #1 (**permalink**) 02/10/2012, 23:44

Saludos a todos!

Soy nuevo en esto del HTML... he estado aprendiendo algunas cosas y me he topado con el preloader...

Después de revisar en todo el internet, concluí que ningún preloader (incluido algunos tutoriales y FAQs de esta misma pagina) me ha servido...

lo más seguro es que he hecho algo mal, ojala me puedan ayudar.

Les dejo el code que mas cerca me ha dejado de lograr lo que quiero... pero el problema es que cuando se termina de cargar la pagina... no pasa nada... la capa del preloader se mantiene, no desaparece con fade y por ende, no se puede ver el contenido de la web...

Aquí esta para que le den un vistazo.

Cita:

<html>

<head>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript>
$(document).ready(function() {
$("#preloader").delay(100).fadeOut("slow");
}
</script>

</head>

<body>

<div id="preloader" style="z-index:40000;position:fixed;height:100%;width:100%; background-color:#000;opacity: 0.95;filter: alpha(opacity = 95);">

<div id="preloaderWrapper" style="width:150px;margin:20% auto;text-align:center;background:none">

<font face="Verdana" color=#ffffff size=4 ><b>Cargando...</b><p><img src="cargador.gif"/>

</div>

</div>

</body>

</html>

Sobre mi página: La diseñe con Fireworks CS5 y utilice iframes para poner paginas hechas en flash CS5... una vez lista, la retoque con un editor html para colocar algunas cosas que le faltaban...

Lo que quiero: Necesito que el preloader desaparezca una vez que se me carga toda la pagina... no sé si le falta algo al código ... o cambiar algo que no he visto ...

PD: de antemano, muchas gracias!

pablolombardo · #2 (**permalink**) 03/10/2012, 20:49

Buenas,

Mirá en primera instancia si a esto:

Código:

<script type="text/javascript>
$(document).ready(function() {
$("#preloader").delay(100).fadeOut("slow");
}
</script>

lo escribís bien, asi:

Código:

<script type="text/javascript">
$(document).ready(function() {
$("#preloader").delay(100).fadeOut("slow");
});
</script>

ya te va a andar, de todos modos, tenés mas errores de sintaxis y siempre vas a tener problemas si no escribís bien.

Espero haberte ayudado.

Saludoss.

miguehsmonline · #3 (**permalink**) 05/10/2012, 09:57

Te pasaste amigo!

Si, he estado revisando varias veces y ya me he dado cuenta de algunas "pifias" que he tenido... a veces se me pasan algunas letras, creo que me falta un poco mas de práctica!

Muchas gracias por tomarte el tiempo y revisarlo! Saludos!

pablolombardo · #4 (**permalink**) 05/10/2012, 13:59

De nada, saludos!