Cambiar la imagen en un mismo div con distintos links

[rw523252]

Hola amigos, en un documento html, tengo un div en la parte izquierda del cuerpo, y en la cabecera, distintos links , link 1, link2, link3, y así hasta 12.
Hay una imagen de inicio, y cuando click en el link 1, en ese div tiene que aparecer la imagen 1, cuando hago click en el link 2, en el mismo div tiene que aparecer la imagen 2, y así hasta 12, como puedo hacerlo, desde ya muchas gracias, y saludos!

[emprear]

Tenes 2 alternativas
o cambiar el fondo del div
o que el div contenga una imagen y cambiar el atributo src del mismo, en ambos casos con javascript

Código Javascript:

function cambiar(nueva_imagen){
document.getElementById('cambiar').src = nueva_imagen;
}
 

el html (no tienen porque ser links, es preferible que uses otro elemento, ya que vas a usar javascript de todas maneras

Código HTML:

<span onclick="cambiar('imagen1.jpg');" style="cursor: pointer">imagen 1</span><br />
<span onclick="cambiar('imagen2.jpg');" style="cursor: pointer">imagen 2</span><br />
 
<div>
<img src="imagenpordefecto.jpg" id="cambiar" alt="" width="300" height="300" />
</div>
 

Saludos

[rw523252]

Antes que nada gracias por tu respuesta, no entiendo bien como implementarla, quería contar además, que el menú tiene disposición irregular,

Estoy usando el mapeo de dreamweaver para linkear

[img=http://k31.kn3.net/88CCF6492.jpg]

[rw523252]

Estoy usando el mapeo de dreamweaver, por que el menú tiene una disposición irregular,



y cuando haga click, vaya cambaindo la imagen dentro del mismo div, que opción me recomendás de las que posteaste, desde ya muchas gracias y saludos

[mark1829]

Pero lo quieres hacer de forma dinamica o no?

[rw523252]

Hola mark1829 sis e puede hacer con html y css, mejor, si conocés alguna forma sencilla, te pido me des una idea, desde ya muchas gracias, saludos!