Menu med billede hover

Jeg sidder med 9 billeder, der skal fungere som menu med billedeskift ved hover.
Men kan simpelthen ikke gennemskue hvordan dette kan ske.

Jeg har følgende kode:


<div id="menueknapper">
<ul id="menu">
        <div id="menu1"><li><a href="index.php" target="_self"><img src="images/knapper/home1.jpg" /></a></li></div>
        <li><a href="http://soederberg-webdesign.dk/boligindretning" title="blog" target="_blank"><img src="images/knapper/blog1.jpg" /></a></li>
        <li><a href="kursus.php" title="kurset"><img src="images/knapper/firma1.jpg" /></a></li>
        <li><a href="ydelser.php" title="ydelser"><img src="images/knapper/kurset1.jpg" /></a></li>
        <li><a href="referencer.php" title="referencer"><img src="images/knapper/ydelser1.jpg" /></a></li>
        <li><a href="priser.php" title="priser"><img src="images/knapper/priser1.jpg" /></a></li>
        <li><a href="galleri.php" title="galleri"><img src="images/knapper/galleri1.jpg" /></a></li>
        <li><a href="kontakt.php" title="kontakt"><img src="images/knapper/kontakt1.jpg" /></a></li>
</ul>
</div>

Jeg mener at have fundet ud af at der skal bruges javascript, men det er ikke lykkedes mig at finde noget kode der hjælper mig.

Kan I gennemskue hvad jeg skal gøre?