OnClick para cambiar imagen en link con texto

[paulkees]

Hola a todos...
Tengo éste codigo, en el cual al pulsar sobre "Bases de Datos" se muestra la capa oculta. Lo que quiciera es poner una imagen, por ejemplo: imagen1.gif "Bases de Datos"... y al hacer onClick, que me abra la capa oculta pero que también me muestre otra imagen, la imagen2.gif y al volver hacer onClik cierre todo y me vuelva a mostra la imagen1.gif
Como lo que hacen los árboles de navegacion, que se muestra la imagen directorio cerrada y al pulsar se muestra la imagen directorio abierto y se expanden los subdirectorios.
He buscado y no puedo darme cuenta como hacerlo!!!
Gracias de antemano!!!

Código:

<p>
<div>
<div  style="width:100%;font-size:100%;">
  <a onclick="alternar('capa1')" href="/" onfocus="this.blur()"><img="imagen1.gif"> Bases de Datos</a>
  </div>
     <div id="capa1" style="width:90%;padding-left:15%">
        Indice Seguridad Social
        
     </div>
  </div>
</p>

[franciscodab]

paulkees;

Lo que tienes que hacer es darle un "name" a la imagen y cambiar el contenido de la misma cuando hacen click en ella.
Algo parecido a:

<img src="imagenes/imagen1.gif" name="ImageName" onclick=cambiarImagen(); >

La función cambiarImagen() sería la siguiente:

<script>

var estado = 0;

function cambiarImagen() {

if (estado == 0) {
document.ImageName.src = "imagenes/imagen1.gif";
estado = 1;
}
else
{
document.ImageName.src = "imagenes/imagen2.gif";
estado = 0;
}

return;
}
</script>

Si no te funciona, avisa.

[franciscodab]

paulkees;

Aqui tienes otra forma de hacerlo y la encontré en este mismo foro:

http://www.forosdelweb.com/f13/intercambiar-imagen-onclick-459843/

[paulkees]

Muchas gracias franciscodab...
La primer opción me funciona de maravillas... listo, solucionado!!!
Nuevamente gracias y saludos.-