Necesito cambiar las imágenes de un link

Si puedes adjuntar el código de la web que te da problemas me será mucho mejor poderte echar una mano, te lo comento porque hay varias formas de hacerlo para saber que forma pretendes hacer.

Saludos Neicos gracias por tu interés. Lo que estoy tratando de hacer es un menu horizontal y que la figura que contiene cambie según lo explique, he resuelto parcialmente el problema usando java script, que no es lo que suelo usar pues yo estoy tratando de hacerlo en dhtml te muestro el código en java y el código html:
...
<link rel="shortcut icon" href="objetos/favicon.ico" />
<title>Bananas en la luna></title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
a = new Image();a.src = "objetos/mhcontactohov.png";b = new Image();b.src = "objetos/mhcontacto.png";
c = new Image();c.src = "objetos/mhsitemaphov.png";d = new Image();d.src = "objetos/mhsitemap.png";
e = new Image();e.src = "objetos/mhfaqhov.png";f = new Image();f.src = "objetos/mhfaq.png";
g = new Image();g.src = "objetos/mhemprendedoreshov.png";h = new Image();h.src = "objetos/mhemprendedores.png";
i = new Image();i.src = "objetos/mhrecursoshov.png";j = new Image();j.src = "objetos/mhrecursos.png";
k = new Image();k.src = "objetos/mharticuloshov.png";l = new Image();l.src = "objetos/mharticulos.png";
m = new Image();m.src = "objetos/mhhomehov.png";n = new Image();n.src = "objetos/mhhome.png";
// End -->
</script>
</head>
......
.......
<div id="menuhorizon">
<ul>
<li><a href="" onmouseover="image1.src=a.src;" onmouseout="image1.src=b.src;">
<img name="image1" src="objetos/mhcontacto.png" border=0></a></li>
<li><a href="" onmouseover="image2.src=c.src;" onmouseout="image2.src=d.src;">
<img name="image2" src="objetos/mhsitemap.png" border=0></a></li>
<li><a href="" onmouseover="image3.src=e.src;" onmouseout="image3.src=f.src;">
<img name="image3" src="objetos/mhfaq.png" border=0></a></li>
<li><a href="" onmouseover="image4.src=g.src;" onmouseout="image4.src=h.src;">
<img name="image4" src="objetos/mhemprendedores.png" border=0></a></li>
<li><a href="" onmouseover="image5.src=i.src;" onmouseout="image5.src=j.src;">
<img name="image5" src="objetos/mhrecursos.png" border=0></a></li>
<li><a href="" onmouseover="image6.src=k.src;" onmouseout="image6.src=l.src;">
<img name="image6" src="objetos/mharticulos.png" border=0></a></li>
<li><a href="" onmouseover="image7.src=m.src;" onmouseout="image7.src=n.src;">
<img name="image7" src="objetos/mhhome.png" border=0></a></li>
</ul>
</div>
<!-- fin mh -->......
Aun así cuando quiero insertar una tercera opción para onclick (cuando se clicka el enlace).. pues simplemente no me funciona...
No me gusta mezclar códigos preferiría tener una página en html, una en js y otra en css así es que si me pudieras reseñar esto para dhtml me ayudarías..
De cualquier manera gracias campeón por el esfuerzo
manuel..

He estado probando el código y no tengo problema, le he puesto el evento onclick en el enlace como lo haces tu con el onmouserover y el onmouseout y me funciona bien, eso si, necesitas las imágenes de cuando se hace el onclick, la muestra lo he probado así con uno de tus enlaces..
<a href="" onmouseover="image1.src=a.src;" onmouseout="image1.src=b.src;" onclick="image1.src=c.src;">
<img name="image1" src="objetos/mhcontacto.png" border=0></a>
Al hacer click en el enlace cambia el botón...
A ver si no pones bien el onclick.
Pruébalo.