Preload muy simple no funciona en IE8

[pabloartsweb]

Muy buenas noches.

Tengo este código:

Código:

function preload(){
	document.getElementById("contenedor").className = "ocultar";
	document.getElementById("preload").style.display = "block";
}
	
function load(){
	document.getElementById("preload").style.display = "none";
	document.getElementById("contenedor").className = "mostrar";
}

$(window).load(function(){
	load();
});

¿La idea es simple verdad?
Funciona de maravilla en navegadores modernos, pero necesito que funciones en IE8

¿Alguien me puede dar una mano? Busqué bastante, pero al no entender mucho de javascript me cuesta encontrar el problema, y como conozco la increíble bondad de los foreros acudo a ustedes.

Desde ya muchas gracias.

Pablo.

[MarioAraque]

Cambia $(window).load por $(document).ready . Estas usando ese framework no?

Porque podes cambiar todo el codigo por jquery

Código Javascript:

function preload(){
        $("#contenedor").removeClass("mostrar");
    $("#contenedor").addClass("ocultar");
        $("#preload").css("display","block");
}
    
function load(){
        $("#contenedor").removeClass("ocultar");
        $("#contenedor").addClass("mostrar");
        $("#preload").css("display","none");
}
 
$(document).ready(function(){
    load();
});
 

Saludos.

[pabloartsweb]

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.

[Aijoona]

Nota al margen, jQuery no es un framework.

[MarioAraque]

Si tenes Jquery puesto en tu web, en cualquier fichero .js podes usarlo, no debes tener ningun problema.

Sinceramente no se que efecto tenga, pero no pondria el Jquery(document).ready y dentro el $(window).onload, la verdad no estoy seguro de que funcione correctamente.

Parece que el error no esta aca, si quitas el slider y solo cargas este fichero aun sigue sin funcionar en IE8?

Saludos.

[pabloartsweb]

Resuelto!

Mi .js tenía mucho más código del que pasé, pero como no había tenido problema con el resto no pensé que tendría algo que ver. Cambié todo el código para adaptarlo a jQuery y ahora anda perfecto.

Creo que la linea exacta que no leía bien IE era esta:

Código:

document.getElementById("contenedor").style.width=anchoC+"px";

Supongo que por razones de compatibilidad es mejor usar jQuery siempre...??

Muchas gracias por la guía.