Problème avec onMousUp

Salut à tous,

J'ai décidé il y a quelques jour d'apprendre l'HTML 5 (avec le CSS 3), je suis donc encore débutant...

Je voulais modifier mon image lien en suivant un tuto très simple trouvé sur google.
Le problème, c'est que l'image se change bien quand je passe la souris dessus, mais elle ne se remet pas comme avant que je retire la souris, même en utilisant la fonction onMouseUp...

Voici mon code :

<img src="Images/icon/barreico.png" onMouseOver="this.src='Images/icon/barreico_red.png'" onMouseUp="'this.src=Images/icon/barreico.png'" />

Je pense pourtant ne pas avoir fait d'erreur mais la fonction onMouseUp (qui me semble est destiner à afficher une image quand le curseur de la souris part) n'as pas l'air de marcher...

Merci d'avance !