Hola Gelsa
te doy una "funcioncita" en javascript que hace lo que vos queres,pero cambiando la imagen del boton no el boton en si, no es un codigo muy "limpio" pero por lo menos cumple
esto va en el head...
Código:
<script language="JavaScript">
function cambiarB(cambio)
{if (cambio.name=="p"){
cambio.src = "buscar.gif";
cambio.name="b";
}
else {
cambio.src = "pedido.gif";
cambio.name = "p";
}
}
</script>
y el boton sería algo asi:
Código:
<button id="botCamb" onClick="cambiarB(cambio)"><img id="cambio" src="pedido.gif" name="p" style="WIDTH:40; HEIGHT:50"></button>
en mi caso tiene style porque ambas imagenes tienen tamaño diferente entonces para que se mantenga el boton igual cuando cambio la imagen le tengo que darle un tamaño determinado....
fijate si te sirve o si te puede dar una idea como seguir
Saludos