buenas amigos hoy les traigo un pequeño script para que su imagenes tenga efecto hover cambiar de imagen (1 , 2)
(1)
(2)
muy facil con tan solo agregar el siguiente script entre las etiquetas <head> y </head>
<SCRIPT LANGUAGE="JavaScript">
function cambiar (flag,img) {
if (document.images) {
if (document.images[img].permitirloaded) {
if (flag==1) document.images[img].src = document.images[img].permitir.src
else document.images[img].src = document.images[img].permitir.oldsrc
}
}
}
function preloadcambiar (img,adresse) {
if (document.images) {
img.onload = null;
img.permitir = new Image ();
img.permitir.oldsrc = img.src;
img.permitir.src = adresse;
img.permitirloaded = true;
}
}
</SCRIPT>
entre <body> y </body>
<A HREF="#" onMouseover="cambiar(1,'IMG1');" onMouseout="cambiar(0,'IMG1');">
<IMG SRC="buscar.png" border=0 NAME="IMG1" onLoad="preloadcambiar(this,'buscar10.png');" ></A>
ok les voy explicando de manera facil para que entienda de como usar este simple script para que agreguen mas link com estos...
lo primero que debemos de leer es la siguiente parte onMouseover="cambiar(1,'IMG1')
cambiar la propiedad IMG1 por IMG2 si desean agregar otro link como este...
e igual aqui onMouseout="cambiar(0,'IMG1') el valor que emos dao en el otro link lo debemos colocar aqui ya sea IMG2
Muchachos comente por cualquier duda... no pido pts solo que comenten y recomiende gracias...