Efecto Hover en imagen no se tarde tanto

[mark_ant0n]

Tengo una division con un background de imagen, y cuando el mouse pase encima de la imagen la cambie por otra, pero en localhost se ve bien por la carga de imagenes, pero en servidor se tarda bastante que opcion tengo para que el cambio de imagen no tarde tanto¿?

[morior]

Si no ando mal hay una forma de hacer preload de imágenes con javascript espera que tengo un código por ahí y te lo busco.

Código Javascript:

<script type="text/javascript" language="javascript">
 
<!--
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];}
}
 
//-->
</script>
 

Luego para llamar la imagen es algo así dentro de la etiqueta:

Código HTML:

onMouseOver="MM_swapImage('Imagen','','imagen.gif',1)"><img src="imagen2.gif"  name="Imagen" width="XX" height="XX" border="0" id="Imagen" />
 

[mark_ant0n]

Gracias morior, por contestarme, pero talvez me explique mal, quiero que la imagen se cargue es el de un boton no es muy grande, pero cuando acerco el puntero del mouse al boton y haga el cambio pasa un lapso de unos 3 segundos y lo hace por que es el tiempo que necesita en que cargue el boton, como le puedo hacer para que la imagen del boton no tarde tanto.

El codigo del preload de la imagen me servira tambien gracias

[alexk]

morior
ah!!!!!!!!!!!!!!!!!

mark_ant0n
CSS Sprites

[mark_ant0n]

okas, gracias alexk, es lo que buscaba

[jomaruro]

Hola:

Y muchísimo menos sobrecarga para la página.

Saludos.