Problema con imagen al pausar el mouse

[cesmichael]

Verán tengo esta imagen



La cual se encuentra de este código

Código:

<a href="index.php"><img src="images/foro.png" onMouseOver="this.img.replace='images/foro2.png'"></a>

Bueno lo que hace este código es que al pasar el mouse por dicha imagen queda reemplazada por esta de acá



Cuando paso el mouse el remmplazo se hace normalmente, pero cuando sacó el mouse debería cambiarse de nuevo por la primera imagen, pero no sucede eso, ya que la segunda imagen se queda ahí, a pesar de que el mouse no este sobre la imagen

Espero me puedan ayudar. Gracias de antemano.

[zerokilled]

se debe a que solamente tienes el evento onmouseover, te falta onmouseout para hacer la misma tarea pero cuando el puntero sale de la imagen. basicamente es el mismo codigo, lo que cambia es el evento y la ruta de la imagen.

tema aparte. ¿como es que te funciona con el codigo actual? me explico. this se refiere al elemento IMG en si, pero dicho elemento no tiene la propiedad img.

[cesmichael]

Si creo que me equivoque. Bueno el veradero codigo es este

Código:

<span><a href="index.php"><img src="themes/Resonancia/style/images/inicio.png" onmouseover="this.src='themes/Resonancia/style/images/inicio2.png'" onmouseout="'themes/Resonancia/style/images/inicio2.png'" /></a></span>

Pero ya no me funciona y antes sí.
Bueno en que estoy fallando ahora ya ni siquiera reemplaza la imagen

[ceSharp]

hola cesmichael,

según tienes puesto en tu post, el evento onmouseout está mal formado, ya que solo le estás indicando la ruta al archivo, pero no en la propiedad src de la imagen. Esta sería la forma correcta:
-----------------------------------
<span><a href="index.php"><img src="themes/Resonancia/style/images/inicio.png" onmouseover="this.src='themes/Resonancia/style/images/inicio2.png';" onmouseout="this.src='themes/Resonancia/style/images/inicio2.png';" /></a></span>
------------------------------------
prueba así y comprueba que la ruta hasta la imagen es la correcta.

Nos cuentas a ver que tal...

salu2

[cesmichael]

Bueno el codigo que estoy poniendo es este

Código HTML:

<span><a href="index.php"><img src="themes/Resonancia/style/images/inicio.png" onmouseover="this.src='themes/Resonancia/style/images/inicio2.png';" onmouseout="this.src='themes/Resonancia/style/images/inicio.png';" /></a></span> 

y ste tambien

Código HTML:

<span><a href="index.php"><img src="themes/Resonancia/style/images/inicio.png" onmouseover="this.src='themes/Resonancia/style/images/inicio2.png'" onmouseout="this.src='themes/Resonancia/style/images/inicio.png'" /></a></span> 

Pero ninguno de los dos hace que la imagen cambie al pasar el mouse
Que creen que este pasando

El firephp me marca esto


illegal character
this.src=\'themes/Resonancia/style/images/inicio2.png\'

[ceSharp]

que raro... :)

a ver si nos puedes decir si se te muestra la imagen inicio.png al cargar la página, no se muestra inicio2 y se queda estática inicio.png al pasar el ratón, comprueba la ruta hacia la imagen con un <img> simple (sin eventos onmouseover ni nada), etc...

también puedes intentar a probar a poner otra imagen a ver si obtienes el mismo resultado. yo a primera vista no veo nada mal, yo lo he probado y me funciona.

cuentanos a ver...

salu2

[ceSharp]

ojo,

también puede ser que haya javascript mal formado que no tenga nada que ver con estos eventos y esté dando el fallo por eso. Si tienes mas scripts pásanoslo si puedes y vemos a ver si algo está mal y es necesario corregirlo (más de una vez me ha pasado que había una función que le faltaba una llave o similar y no me dejaba ni hacer un simple document.getElemntById... y yo volviéndome loco...)

[AWesker]

Intenta con esto, por lo menos a mi me funciona:
<a href="../Main.htm"
onmouseover="cambiar('imgbuttonhome','../Images/Botones/HomeIn.png')"
onmouseout="cambiar('imgbuttonhome','../Images/Botones/HomeOut.png')">
<img name="imgbuttonhome" src="../Images/Botones/HomeOut.png" alt="Home" style="border:0"></a>

y el javascript es:
<script type="text/javascript">
function cambiar(img_name, img_src) {
document[img_name].src = img_src;
}
</script>

No creo que te de problemas y es compatible con Mozilla, IE8 y Chrome.

Ah, por cierto, ¿cómo se llama la fuente que usas para la imagen del rollover?