Buenas noches, hoy quise ver cómo implementar un pre-loader en un WebSite que me ocultará la carga del mismo, y por último que se desapareciese con algún efecto que le diera un poco más de estilo a la página con HTML y jQuery.
1. En primer lugar debemos crear un div o layer después de la equiqueta de apertura Body.
[sourcecode language=»html»]
[/sourcecode]
2. Ahora aplicamos los estilos CSS al layer y el JavaScript dentro de las etiquetas <head></head>.
[sourcecode language=»html»]
[/sourcecode]
[sourcecode language=»css»]
[/sourcecode]
3. En este paso agregamos la sentencia Jquery dentro de <script></script>.
[sourcecode language=»javascript»]
[/sourcecode]
El anterior código con jQuery nos va a permitir darle una salida visual al layer como desvanecimiento.
[sourcecode language=»html»]
[/sourcecode]
Bueno a todos gracias, nos veremos pronto…
mi problema que carga el loader pero luego no se ve el layout como que lo carga debajo que hay que hacer???
Deberías revisar que la propiedad z-index este en un valor alto. ¿Podrías compartir el código para enteder mejor el problema?
hola sera que podrias poner el ejemplo ya hecho sin que uno tenga que agregar nada, es que no entiendo como hacerlo, y si podrias poner uno que diga cargando y me direccione a otra pagina, te lo agradeceria mucho.