Tengo un menú realizado con fireworks CS3 en una página XHTML transicional que consta de una imágen con el texto de la sección que cuando haces mouseover cambia a otra similar pero de distinto color y despliega un menú emergente.
Todo lo hace bien pero cuando carga la página por primera vez o al actualizar la imágen de sustitución no ha precargado y cuando hago mouseover tarda un segundo en mostarse. Luego una vez lo ha hecho pues ya reacciona bien pero me pregunto si es una error del programa al generar el script o mío.
Lo que me saca es esto:
Cita:
¿Sabéis donde pues estar el problema? gracias por vuestro tiempo <style type="text/css" media="screen">
@import url("imagenes/menu/menu.css");
</style>
<script language="JavaScript1.2" type="text/javascript" src="imagenes/menu/mm_css_menu.js"></script>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="mm_preloadImages('imagenes/menu/menu_r2_c6_f2.png',
'imagenes/menu/menu_r3_c2_f2.png','imagenes/menu/menu_r3_c4_f2.png',
'imagenes/menu/menu_r3_c8_f2.png','imagenes/menu/menu_r3_c10_f2.png')">
@import url("imagenes/menu/menu.css");
</style>
<script language="JavaScript1.2" type="text/javascript" src="imagenes/menu/mm_css_menu.js"></script>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="mm_preloadImages('imagenes/menu/menu_r2_c6_f2.png',
'imagenes/menu/menu_r3_c2_f2.png','imagenes/menu/menu_r3_c4_f2.png',
'imagenes/menu/menu_r3_c8_f2.png','imagenes/menu/menu_r3_c10_f2.png')">