Menú mouseOver

gmaciel · #1 (**permalink**) 30/08/2006, 15:49

Que tal, gracias por el interés

Me pasaron un código para usar un efecto mouseover en imágenes que quiero usar para un menú:

La siguiente parte va dentro del Head
=======================================
<script language="javascript1.1">

</script>

<script>

</script>
=======================================

Y esta parte va dentro del Body:
=======================================
<a href="yoururl.htm"
onmouseover="filter('e669','e628')"
onmouseout="filter('e669','e425')">
<img src="D:\Trabajo\SantaTere.com\SITIO WEB\botones\humor_off.gif" name="e669" border=0 width=133 height=21></a>=======================================

Pero no me resulta, me da el botón inicial, pero al pasar el mouse me da el cuadrito ese de que no encuentra la imagen

Además de que quiero poner más imágenes

Gracias de antemano por la ayuda

gmaciel · #2 (**permalink**) 30/08/2006, 21:30

Nadie?????

ZiTAL · #3 (**permalink**) 30/08/2006, 21:39

La verdad es que no se como funciona eso, te he creado yo algo parecido:

Código HTML:

<html>
<head>
<script language="JavaScript" type="text/javascript">
 function CambiaImagen(foto,imagen)
  {
   var img=document.getElementById(imagen);
   if(img.src=img.src.substring(img.src.lastIndexOf('/')+1,img.src.length)==foto+'01.jpg')
    { 
     img.src=foto+'02.jpg';
    }
   else
    {
     img.src=foto+'01.jpg';
    }
  }
</script>
</head>
<body>
<img id="imagen" src="flecha01.jpg" alt="flecha" onMouseOver="CambiaImagen('flecha','imagen')" onMouseOut="CambiaImagen('flecha','imagen')" />
</body>
</html>

Vas a tener 2 imagenes tipo:

imagen01.jpg
imagen02.jpg

en nuestro caso he hecho un ejemplo con las imagenes flecha01.jpg y flecha02.jpg

con la funcion CambiaImagen pasas los parametros:

"flecha" que es el nombre de la imagen y "imagen" que es el ID de la imagen

Por ejemplo si tuvieras otras 2 imagenes con los nombres:

otraimagen01.jpg
otraimagen02.jpg

y la imagen tuviese la ID paisaje:

CambiaImagen('otraimagen','paisaje');

creo que es bastante facil de utilizar, espero que te sirva ;)

gmaciel · #4 (**permalink**) 31/08/2006, 07:49

Muchas gracias ZiTAL

Lo probé, pero de seguro algo estoy haciendo mal.. No me funcionó..

Cree un htm en el mismo directorio donde están las imágenes, hice imagenes con los nombres flecha01.jpg 01.jpg y 02.jpg, pero no los lee

Te agradezco de antemano tu aporte

Saludos

Gustavo Maciel

ZiTAL · #5 (**permalink**) 31/08/2006, 07:57

flecha01.jpg
flecha02.jpg

no 01.jpg 02.jpg

;)

asi como flecha puedes utilizar cualquier nombre que quieras lee bien el post ;)