He logrado esto usando iframes HTML. Coloque su contenido dentro de un iframe y coloque el código del cargador dentro del documento principal. Asegúrese de colocar el iframe de contenido ÚLTIMO y poner el código de su cargador PRIMERO porque desea que el código del cargador se cargue antes que el contenido. Luego, agregue una función JavaScript de carga que oculte el cargador. Si desea un código, por favor pregunte. (Estoy escribiendo esto en el teléfono, así que sería difícil hacer código aquí)
Editar:
Aquí está el código. Para su información, es mejor que haga estas preguntas también en la página de pila en overflow.com.
- ¿Por qué no puedo enviar datos usando Socket.IO + node.js?
- ¿Qué idiomas, API y marcos necesito aprender para convertirme en un desarrollador web de Full Stack?
- Estoy creando una firma de correo electrónico en HTML, pero está en línea a la izquierda y necesito que se extienda, de borde a borde del navegador. ¿Cómo puedo hacer eso?
- Estoy aprendiendo desarrollo web yo mismo en casa después de 7 meses. ¿Qué debo hacer junto a él para tener algo que explique la brecha al empleador?
- Quiero construir una red social como proyecto personal. Soy bueno programando. ¿Dónde empiezo?
#loader {
posición: fija;
arriba: 0;
izquierda: 0;
derecha: 0;
abajo: 0;
color de fondo: rojo;
}
#loaderShape {
margen: auto;
color de fondo: negro;
ancho: 200 px;
altura: 200 px;
radio de borde: 50%;
}
window.onload = function () {
document.getElementById (‘loader’). style.display = ‘none’;
console.log (‘cargador oculto’);
// espere 2 segundos antes de ocultar el cargador para que no se vea feo en computadoras con conexión rápida a Internet.
}, 2000);
No he probado este código. Jsfiddle no funciona con marcos, así que no pude hacer eso. Por favor dime si no funciona.