¿Cambiar las fotos de una ventana cuando hover en un li?

[Linton]

Quiero hacer un menú con una foto arriba de cada <ul>, y que esa imagen cambie cuando se haga hover sobre cada <li>; anabjo pongo el html. ¿Cómo sería el script? ¡Gracias de antemano!

Código HTML:

<div>
<span id="titular">Ropa</span>
    <img src="imagen.jpg">
        <ul>
        <a href="#"><li>Chaquetas</li></a>
        <a href="#"><li>Abrigos</li></a>
        <a href="#"><li>Camisetas</li></a>
        <a href="#"><li>Tocados</li></a>
    </ul>
</div>