Realmente va a depender de
cómo quieras abrir la imagen (en la misma ventana, con un lightbox, en una ventana aparte) pero el código en sí sería algo así:
http://jsbin.com/iwesi3/2
Javascript
:
Código Javascript
:
Ver originalfunction cambiarImagen(src){
var img_contenedor = document.getElementById('mostrar_aca');
img_contenedor.src = src;
img_contenedor.parentNode.href = src;
}
HTML
Código HTML:
Ver original<!DOCTYPE html>
<p><a href="http://funversion.universia.es/cinetv/reportaje/homer3.jpg"><img width="200" height="200" id="mostrar_aca" src="http://funversion.universia.es/cinetv/reportaje/homer3.jpg" /></a></p>
<p><a href="http://funversion.universia.es/cinetv/reportaje/homer3.jpg" onclick="cambiarImagen(this.href); return false;">Homero
</a> <a href="http://www.luiscordero.com/lisa_simpsons/retrato_lisa.jpg" onclick="cambiarImagen(this.href); return false;">Lisa
</a> <a href="http://2.bp.blogspot.com/_72Pqm35tEiU/SbWFYpp0m4I/AAAAAAAAGbs/zaQ-K_cqY0g/s400/maggie_atp.gif" onclick="cambiarImagen(this.href); return false;">Maggie
</a></p>
Lo único que cambió en el html es que se envolvió la imagen en un <a>.