Gracias por contestar MarioAraque.
Tendría que haber aclarado algunas cosas que no me di cuenta.
Todo lo que escribí anteriormente esta volcado así como está en un .js (osea... sin framework verdad?)
Luego de eso tengo un slide en jQuery (en el mismo .js) y lo que hice fue aprovechar el jQuery(document).ready(function() para ahí dentro ejecutar la función preload()
Después de leer tu respuesta pasé todo dentro del jQuery quedandome así:
Código:
jQuery(document).ready(function() {
function preload(){
$("#contenedor").removeClass("mostrar");
$("#contenedor").addClass("ocultar");
$("#preload").css("display","block");
}
preload();
function load(){
$("#contenedor").removeClass("ocultar");
$("#cabeza").addClass("mostrar");
$("#preload").css("display","none");
}
$(window).load(function(){
load();
});
});
Bueno.. aunque así igualmente funciona en navegadores modernos, sigue sin funcionar en IE8 y supongo que tiene que ver con el window.load. Pero lo estoy usando porque que yo tenga entendido document.ready se ejecuta cuando el DOM está listo y entonces hace la función preload() y cuando todo está cargado incluyendo las imágenes hace window.load ejecutando la función load()
¿En que le estoy errando?
Gracias de nuevo.