Problema con background menu secundario

[mayid]

Tengo un menu secundario con un problema de carga de imagenes. Planteandolo en el foro de CSS, saco en claro esto:

Es porque las imágenes sólo se cargan a la hora de mostrarlas

Entonces estoy tratando de idear un hack con jquery para que muestre y oculte las imagenes rapidamente, pero no funciona. Ven posible algo así:

jQuery(document).ready(function(){

$("#menu ul li ul").css("display", "block");
$("#menu ul li ul").css("display", "none");

...

El menu secundario de CSS asigna un color de fondo distinto a cada item:

/* background images */

#menu ul li.uno ul,#menu ul li.uno li a {}
#menu ul li.dos ul,#menu ul li.dos li a {background: url(../filtros/azul.png) repeat}
#menu ul li.tres ul,#menu ul li.tres li a {background: url(../filtros/dorado.png) repeat;}
#menu ul li.cuatro ul,#menu ul li.cuatro ul li a {background: url(../filtros/v.20/rosa.png) repeat}
#menu ul li.cinco ul ,#menu ul li.cinco ul li a {background: url(../filtros/blanco.png) repeat;}
#menu ul li.seis ul ,#menu ul li.seis ul li a {background: url(../filtros/verde.png) repeat}
#menu ul li.siete ul,#menu ul li.siete li a {background: url(../filtros/naranja.png) repeat}
#menu ul li.ocho ul ,#menu ul li.ocho li a {background: url(../filtros/violeta.png) repeat}

Pagina de referencia aqui.

[mayid]

Lo resolví con CSS. Cargué las imágenes en un div que se muestra fuera de pantalla. Y teniendo ya los .png en memoria, el menú secundario no tarda en cargarlo.

[hector2c]

jejeje, me gusto eso del mensaje: "tienes 10 años de antiguedad" XD!!!

asi se mira en ie6 ._.

[mayid]

Hector, le hago click a la imagen y no pasa nada.

Lo de el IE6 es a fuerza. No fui capaz de usar un filtro optimizador de png, ni pude hacer funcionar el menu en IE6. Para el IE7 tuve que hacer un hack, pero con el IE6 ya no quiero meterme.

[juaniquillo]

¿Intentaste hacer un pre-load de las imágenes con jquery?
http://jquery-howto.blogspot.com/200...th-jquery.html

(si Hector no dice lo de IE6 ni cuenta me doy ya que lo he desechado completamente )

[mayid]

Gracias por la sugerencia. Jquery está en todo, eh?

Para este caso en particular, me quedo con la solución que comenté. Se trata de .png de 2cm de ancho y alto, o sea que no ocupan nada de espacio. Solo son colores con transparencia para unos fondos. Y cargandolos fuera de pantalla ya tengo resuelto el tema. Pero estuve tres meses hasta que me avivé de cómo resolver esto!