Se me ocurre una solución y sin necesidad de echar mano de los métodos de jQuery. En un contenedor, ya sea un
<div> o un
<section>, coloca el contenido del
<body> de tu documento, además, crea un elemento
<img> y colócalo fuera del contenedor. A este elemento, le asignas el gif de carga.
Luego, en JavaScript, ocultas dicho contenedor y transcurridos N segundos, muestras el contenedor y ocultas el gif.
Código Javascript
:
Ver originaldocument.getElementById("contenedor").style.display = "none";
document.getElementById("gif").style.display = "block";
window.onload = function(){
setTimeout(function(){
document.getElementById("contenedor").style.display = "block";
document.getElementById("gif").style.display = "none";
}, 3000);
};
El tiempo que le doy es para que se cree el efecto de espera, porque probablemente la página cargue tan rápido que ni tiempo tendrías de ver el gif.
Saludos