No me carga las imagenes

[felcapo]

Pasa lo siguiente. En el body tengo el atributo OnLoad="IMGs()"
Tambien tengo varios divs con los IDs:

Titulo
Link1
Link2
Link3
BaseTextoHome
TextoHome
Logo
Diseno

A continuacion les pondre el codigo.

----------------------------------------------------


<script type="text/javascript">
var MAJ1024 = false;
var IMGsCargadas = false;
var cargaIMGs = new Array();
var Imagenes = new Array();
var cargado = new Array();
var fin = false;
var i;
var CHK_IMGs;

$(document).ready(Listo);

function Listo(){
if (screen.availWidth > 1024) {
MAJ1024 = true;
CargaIMGsMAJ();
} else {
MAJ1024 = false;
CargaIMGsMIN();
$("#CSS").attr("href","1024.css");
}
}

function CargaIMGsMAJ() {
Imagenes[0] = "Imagenes/Web_Titulo.png";
Imagenes[1] = "Imagenes/Web_QuienesSomos.png";
Imagenes[2] = "Imagenes/Web_Servicios.png";
Imagenes[3] = "Imagenes/Web_Contacto.png";
Imagenes[4] = "Imagenes/Web_BaseTextoHome.png";
Imagenes[5] = "Imagenes/Web_TextoHome.png";
Imagenes[6] = "Imagenes/Web_Logo.png";
Imagenes[7] = "Imagenes/Web_Diseno.png";
Imagenes[8] = "Imagenes/Web_BaseLogo.jpg";
Imagenes[9] = "Imagenes/Web_Menu.jpg";
Imagenes[10] = "Imagenes/Web_FotoHome.png";
Imagenes[11] = "Imagenes/Web_SombraArriba.png";
Imagenes[12] = "Imagenes/Web_SombraAbajo.png";

CargaIMGs();
}

function CargaIMGsMIN() {
Imagenes[0] = "Imagenes/1024/Web_Titulo.png";
Imagenes[1] = "Imagenes/1024/Web_QuienesSomos.png";
Imagenes[2] = "Imagenes/1024/Web_Servicios.png";
Imagenes[3] = "Imagenes/1024/Web_Contacto.png";
Imagenes[4] = "Imagenes/1024/Web_BaseTextoHome.png";
Imagenes[5] = "Imagenes/1024/Web_TextoHome.png";
Imagenes[6] = "Imagenes/1024/Web_Logo.png";
Imagenes[7] = "Imagenes/1024/Web_Diseno.png";
Imagenes[8] = "Imagenes/1024/Web_BaseLogo.jpg";
Imagenes[9] = "Imagenes/1024/Web_Menu.jpg";
Imagenes[10] = "Imagenes/1024/Web_FotoHome.png";
Imagenes[11] = "Imagenes/1024/Web_SombraArriba.png";
Imagenes[12] = "Imagenes/1024/Web_SombraAbajo.png";

CargaIMGs();
}

function CargaIMGs () {
for (i = 0;i <= 12;i++) {
cargaIMGs[i] = new Image();
cargaIMGs[i].src = Imagenes[i];
cargado[i] = false;
}
}

function IMGs(){
if (MAJ1024 == true) {
$("#Titulo").html('<img src="" width="846" height="129" />');
$("#Link1").html('<a href="quienessomos.html"><img src="" width="211" height="40" /></a>');
$("#Link2").html('<a href="servicios.html"><img src="" width="141" height="41" /></a>');
$("#Link3").html('<a href="contacto.html"><img src="" width="144" height="41" /></a>');
$("#BaseTextoHome").html('<img src="" width="498" height="349" />');
$("#TextoHome").html('<img src="" width="423" height="247" />');
$("#Logo").html('<img src="" width="474" height="224" alt="Logo" />');
$("#Diseno").html('<a href="diseno.html"><img src="" width="9" height="73" /></a>');

fin = false;
CHK_IMGs = setTimeout(FIN_IMGs,1000);
} else {
$("#Titulo").html('<img src="" width="635" height="97" />');
$("#Link1").html('<a href="quienessomos.html"><img src="" width="158" height="30" /></a>');
$("#Link2").html('<a href="servicios.html"><img src="" width="106" height="31" /></a>');
$("#Link3").html('<a href="contacto.html"><img src="" width="108" height="31" /></a>');
$("#BaseTextoHome").html('<img src="" width="392" height="281" />');
$("#TextoHome").html('<img src="" width="317" height="185" />');
$("#Logo").html('<img src="" width="350" height="169" />');
$("#Diseno").html('<a href="diseno.html"><img src="" width="7" height="55" /></a>');

fin = false;
CHK_IMGs = setTimeout(FIN_IMGs,1000);
}
}

function FIN_IMGs() {
for (i=0;i<cargaIMGs.length;i++) {
if (cargado[i] == false) {
if (cargaIMGs[i].complete) {
cargado[i] = true;
//alert("IMG Cargada");
}
}
}

fin = true;

for (i=0;i<cargado.lenght;i++) {
if (!cargado[i].complete) {
fin = false;
}
}

if (fin != true) {
CHK_IMGs = setTimeout(FIN_IMGs,1000);
} else {
cargarImagenes();
clearTimeout(CHK_IMGs);
}
}

function cargarImagenes() {
$("#Titulo").attr("src",Imagenes[0]);
$("#Link1").attr("src",Imagenes[1]);
$("#Link2").attr("src",Imagenes[2]);
$("#Link3").attr("src",Imagenes[3]);
$("#BaseTextoHome").attr("src",Imagenes[4]);
$("#TextoHome").attr("src",Imagenes[5]);
$("#Logo").attr("src",Imagenes[6]);
$("#Diseno").attr("src",Imagenes[7]);
}
</script>

-------------------------------------------------------------------

El problema es el siguiente. Anda todo perfecto, de hecho llega hasta cargarImagenes() (Ya lo comprobe con alert()), pero hay 2 problemas.

Primero: las etiquetas IMG se colocan donde quiero que se colocan, pero aparecen como transparentes en el FireBug de Mozilla, que es igual a las etiquetas que tienen display:none, y ademas no se les coloca el SRC.

Preguntas:
¿ Aparecen como transparente porque no tienen SRC ? ¿ porque no me andan las funciones attr del jquery, si pongo un alert y me anda ?