Vale, ya lo he montado parcialmente. El script:
   
Código Javascript
:
Ver original<script>
    $(document).ready(function() {
    $(".selector").hover(function(){
    var id=$(this).attr("id");
    $("."+id).show(); },function(){
    var id=$(this).attr("id");
    $("."+id).hide();
    })
    });
    </script>
  
..y el html:    
Código HTML:
Ver original    <img class="uno" src="chaqueta.jpg">     <img class="dos" src="abrigo.jpg">     <img class="tres" src="camiseta.jpg">     <img class="cuatro" src="tocado.jpg">     <a href="#"><li class="selector" id="uno">Chaquetas
</li></a>     <a href="#"><li class="selector" id="dos">Abrigos
</li></a>     <a href="#"><li class="selector" id="tres">Camisetas
</li></a>     <a href="#"><li class="selector" id="cuatro">Tocados
</li></a> 
  
Lo que falta ahora es que se quede fija la última imagen al salir de los <li> con enlaces. ¿Cómo lo hago? Gracias, un saludo.