La animación de carga aparece con retraso

Usando el siguiente código para mostrar la animación de carga (y ocultar el proceso de carga de toda la página con él) si js está habilitado

<script>
document.getElementsByTagName('body')[0].innerHTML = '<div id="loading"><img src="core/design/img/load/load.gif" /></div>';
</script>

Y desapareciendo con el siguiente código

$(window).load(function(){
$('#loading').fadeOut(600); 
}); 

Pero el div de carga aparece solo después de un gran retraso: cuando se carga la página completa, aparece durante 1-2 segundos. ¿Cómo solucionar el problema del sombrero? El div de carga debe aparecer al principio

aquí está la página de la que estoy hablando http://aquastyle.az/?lang=en

preguntado el 28 de septiembre de 11 a las 04:09

2 Respuestas

Trata de cambiar

<script>
document.getElementsByTagName('body')[0].innerHTML = '<div id="loading"><img src="core/design/img/load/load.gif" /></div>';
</script>

a

<script>
  $(function(){
    $(document.body).html('<div id="loading"><img src="core/design/img/load/load.gif" /></div>');
  });
</script>

y vea si eso no funciona mejor para usted.

Respondido el 28 de Septiembre de 11 a las 08:09

Usando el ejemplo anterior porque necesito cargar la biblioteca jquery para su ejemplo. Y será tiempo extra. Por favor, preste atención a mi pregunta. El problema es la demora antes de que aparezca la carga: Tural Ali

Si usa una versión de jQuery alojada en CDN, es probable que sus usuarios ya la tengan en la memoria caché de su navegador. Por otro lado, si no desea usar jQuery, puede crear fácilmente su propio código listo para documentos; solo mire dentro de la fuente de jQuery y vea cómo se implementa ... es bastante fácil, el punto de mi ejemplo es usar dom-ready. - Martin Jespersen

Prueba una cosa
Hacer que el div del cargador sea visible al inicio

style="display:block;"
y después de cargar la página hacerla desaparecer

$(document).load(function(){ $("#loaderdiv").css("display","none") })

Respondido el 28 de Septiembre de 11 a las 09:09

El problema es que si el navegador del cliente no es compatible con js, la pantalla de carga no desaparecerá. Tural Ali

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.