Problema con evento onmouseover

[gustax]

Hola, estoy haciendo una web y quiero usar el evento onmouseover y onmouseout para que cuando pasen el mouse por arriba de una imagen cambie pero no me funciona, podrian ayudarme para ver si escribi algo mal.

Muchas gracias

Código HTML:

<img src="img/quienes_somos.png" width="333" height="150"  onmouseover="this.style.backgroundImage='url(img/quienes_somos_hover.png)'" onmouseout="this.style.backgroundImage='url(img/quienes_somos.png)';" /> 

[emprear]

Una imagen de por si tiene opacidad por lo que no te dejará ver el fondo, para que funcione lo que has hecho, la imagen por defecto debe ser una imagen transparente (gif, png).
La otra alternativa es que tu script no modifique el estilo para el background de fondo, sino que reemplace el atributo src del elemento img

SAludos

[gustax]

La imagen es .png, ¿Cómo modifico para que me remplaze el atributo src?

[emprear]

this.src = 'imagen.jpg', asi de sencillo, y puede ser cualquier formato.
De la otra forma tambien se puede pero es mas complicado, la imagen original tiene que ser transparente (toda, aunque sea de 1x1 px), y deberías establecer un fondo por defecto (= al el onmouseout)
Saludos