Mejora de respuesta en la web
 

Hola la todos/as,

Estoy utilizando este código para cambiar la imagen de un botón cada vez que el puntero del ratón se situa encima y la respuesta de refresco de la imagen es algo lenta... Me gustaría saber si alguien conoce un código más optimizado o algún truco que intercambie las imágenes un poco más rápido.

El código es:

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_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_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];}
}

Este código se generó de forma automática con la herramienta dreamweaver... y, la verdad, responde algo lento.
Las imágenes no pesan practicamente nada... Son pequeñas y están en formato jpg.

¿puede alguien decirme como optimizar el código para realizar este evento?.

Un saludo.

Re: Mejora de respuesta en la web
 

cssplay busca en esta página que tenes ejemplos de lo que buscas pero sin JS, seguramente te servirá :si:

Re: Mejora de respuesta en la web
 

yo lo haría con fireworks

Re: Mejora de respuesta en la web
 

Gracias por vuestros consejos,

DragonX, estoy mirando la web que indicas y, la verdad es que me gusta mucho el menú que tiene.. Eso es precisamente lo que yo quiero!!

Se puede ver como (en el menú superior) los botones se colorean en verde cuando el cursor pasa por encima y lo hace muy rápido...

¿Cómo puedo conseguir el código de este ejemplo?..

Me gustaría ver algo sencillito, con un botón para entender el mecanismo...