Cambiar imagen segun click en diversos botones?

Necesito escribir en HTML o Javascript un codigo con el cual pueda cambiar una imagen, con una disposición fija, 5 veces; para ello dispongo de 5 botones diferentes (a cada botón se le asignará una imagen diferente), segun se "pincha" en cada uno de estos botones la imagen debe cambiar a la imagen asociada a cada uno de los botones.

Respuestas:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<META NAME="GENERATOR" CONTENT="MAX's HTML Beauty++ 2004">
<script>

</script>
</HEAD>

<BODY>

<div id="imagen">"imagen inicial"</div>
<input type="button" name="boton1" value="1" onclick ="javascript:document.getEleme. />
<input type="button" name="boton2" value="2" onclick ="javascript:document.getEleme. />
<input type="button" name="boton3" value="3" onclick ="javascript:document.getEleme. />
<input type="button" name="boton4" value="4" onclick ="javascript:document.getEleme. />
<input type="button" name="boton5" value="5"onclick ="javascript:document.getEleme. />
</BODY>
</HTML>
el valor completo es:
getElementById(imagen).
innerHTML=i4
pone '' y sin espacio
claro esto es un codigo bruto para ver como funcione en lugar de texto pone tu imagen <img src='mi imagen'>

otro codigo mas correcto
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<META NAME="GENERATOR" CONTENT="MAX's HTML Beauty++ 2004">
<script>
function imgs5(nombre){
var nombre;

document.getElementById('image. src="+nombre+" alt= "+nombre+" />"
}
</script>
</HEAD>

<BODY>

<div id="imagen">"imagen inicial"</div>

<input type="button" name="boton1" value="1" onclick ="javascript:imgs5('img1.jpg'). />
<input type="button" name="boton2" value="2" onclick ="javascript:imgs5('img1.jpg'). />
<input type="button" name="boton3" value="3" onclick ="javascript:imgs5('img1.jpg'). />
<input type="button" name="boton4" value="4" onclick ="javascript:imgs5('img1.jpg'). />
<input type="button" name="boton5" value="5" onclick ="javascript:imgs5('img1.jpg'). />
</BODY>
</HTML>
claro lo mas corecto seria crear un array con imagenes y boton establecer una corespondencia y despues escribir el codigo pero esto es demasiado complicadao para una respuesta de Y!R :)
ufff muy complicado muchos botones me perdi hace rato.
Consultad con un especialista en informática.

Contestar al poste del usuario, correccion del contenido de la garantia de EsQnA.com no.


preguntas y respuestas agregadas...