Tengo un menu secundario con un problema de carga de imagenes. Planteandolo en el foro de CSS, saco en claro esto:
Cita: 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í:
Cita: 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:
Cita: /* 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.