Foros del Web » Creando para Internet » Diseño web »

Mejora de respuesta en la web

Estas en el tema de Mejora de respuesta en la web en el foro de Diseño web en Foros del 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 ...
  #1 (permalink)  
Antiguo 24/07/2007, 01:05
 
Fecha de Ingreso: noviembre-2005
Ubicación: Alicante (España)
Mensajes: 242
Antigüedad: 18 años, 4 meses
Puntos: 1
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.
  #2 (permalink)  
Antiguo 24/07/2007, 06:48
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
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á
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #3 (permalink)  
Antiguo 24/07/2007, 08:24
 
Fecha de Ingreso: abril-2007
Mensajes: 137
Antigüedad: 17 años
Puntos: 2
Re: Mejora de respuesta en la web

yo lo haría con fireworks
  #4 (permalink)  
Antiguo 25/07/2007, 03:46
 
Fecha de Ingreso: noviembre-2005
Ubicación: Alicante (España)
Mensajes: 242
Antigüedad: 18 años, 4 meses
Puntos: 1
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...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:25.