onmouseover sobre texto e imagen

humanista · #1 (**permalink**) 14/08/2011, 12:22

Hola, tengo una imagen de una papelera seguida de la palabra "Borrar". Lo que pretendo hacer es que cuando se coloque el ratón (onmouseover) tanto sobre la imagen (me funciona) comosobre la palabra"Borrar" (no me funciona) la papelera cambie de color:

Código PHP:

  <div id="layert" name="layert"> 
    <img id=trash name=trash src="trash.gif" onmouseover="this.src = 'trash_color.gif'" onmouseout="this.src = 'trash.gif'"> 
</div> 
<a href="" onmouseover="document.layert.trash.src = 'trash_color.gif'" onmouseout="document.layert.trash.src = 'trash.gif'">Delete</a>

cómo soluciono el 2º caso para que al colocar el cursor sobre la palabra Borrar se me ilumine la imagen de la papelera?

andresdzphp · #2 (**permalink**) 14/08/2011, 13:04

Prueba así:

Código Javascript:

Ver original<div id="layert"> 
    <img id="trash" name="trash" src="trash.gif" onmouseover="this.src = 'trash_color.gif'" onmouseout="this.src = 'trash.gif'"> 
</div> 
 
<a href="" onmouseover="document.getElementById('trash').src = 'trash_color.gif'" onmouseout="document.getElementById('trash').src = 'trash.gif'">Delete</a>

humanista · #3 (**permalink**) 15/08/2011, 03:17

gracias!, me va a la perfección!!!