Problème javascript : boutons survolés

Bonjour à tous,
voila mon problème: j'ai placé sur mon site un tableau avec plusieurs cellules et y ai incrusté une images différentes dans chacune d'elles. J'aimerai faire un changement d'image au survol de la souris, lorsque je met le code sur une image tout fonctionne et lorsque je le met sur une deuxième plus rien ne marche...Pouvez-vous m'aider svp voilà le code de mon image, je suis sur kompozer :
<img style="width: 12%; height: 100%;" alt="" src="../Images/Menu/acceuil.jpg" name="image"
onmouseover="image.src='../Images/Menu/accueil hover.jpg'" onmouseout="image.src='../Images/Menu/acceuil.jpg'"
onclick="image.src='../Images/Menu/acceuil2.jpg'">

J'ai vu qu'il y avait aussi le css qui permettait cela mais je n'y comprend rien, si qqu'un par hasard peut m'aider à résoudre mon problème avec le css je suis preneur :)

Merci beaucoup