Cambiar imagen segun link

[kaninox]

Hola amigos les comento que tengo un problema y he buscado y nada y el javascript no se me da mucho.

Tengo en un capa una imagen y tengo una serie de links y me gustaría poder ir cambiando las imágenes de las capas a medida voy clickando los links.

Es posible :/

[IsaBelM]

se trata únicamente de cambiar la propiedad src de la imagen

document.getElementById('img').src = rutanuevaimagen;

[kaninox]

Gracias por contestar pero mi no entender :/

tengo por ejemplo

Código HTML:

<a href="imagen1.jpg">Imagen 1</a>
<a href="imagen2.jpg">Imagen 2</a>
<a href="imagen3.jpg">Imagen 3</a>
<a href="imagen4.jpg">Imagen 4</a>
<a href="imagen5.jpg">Imagen 5</a>
 
<div id="capa">
<img src="imagen1.jpg" />
</div>
 

el document.getElementById('img').src = rutanuevaimagen;
supongo lo agrego en el href? o en un onclick? hem y supongo a la imagen le debo agregar un identificador id :/

[IsaBelM]

es algo como esto

function fnc(img) {
document.getElementById('base').src= img +'.gif';
}


<a href="#" name="1" onclick="fnc(this.name)";>Imagen 1</a>
<a href="#" name="2" onclick="fnc(this.name)";>Imagen 2</a>
<a href="#" name="3" onclick="fnc(this.name)";>Imagen 3</a>
<a href="#" name="4" onclick="fnc(this.name)";>Imagen 4</a>
<a href="#" name="5" onclick="fnc(this.name)";>Imagen 5</a>
 
<div id="capa">
<img id="base" src="1.gif" />
</div>

[kaninox]

Genial Isa ya capte muchas gracias por tu ayuda :D
Saludos

[kaninox]

Una duda ojala alguien me ayude es posible hacer lo mismo pero sin el tag img digo cambiar las imagenes de una capa? <div>
esto por que estoy haciendo esto con joomla y el muy jodido me borra el atributo id del tag img.

Saludos

[IsaBelM]

viene a ser casi que lo mismo. sólo que ahora has de implicar css y en lugar de modificar el atributo src has de modificar la propiedad background

#capa {
background: url('1.gif');
background-repeat: no-repeat;
}


function fnc(img) {
document.getElementById('capa').style.background = "url('"+img+".gif') no-repeat";
}

<a href="#" name="1" onclick="fnc(this.name)";>Imagen 1</a>
<a href="#" name="2" onclick="fnc(this.name)";>Imagen 2</a>
<a href="#" name="3" onclick="fnc(this.name)";>Imagen 3</a>
<a href="#" name="4" onclick="fnc(this.name)";>Imagen 4</a>
<a href="#" name="5" onclick="fnc(this.name)";>Imagen 5</a>

<div id="capa">
</div>