Puedes poner una imagen (grande) y las demás (pequeñas), y en cada imagen pequeña ponerle un onclick con la función para cambiar el src de la imagen central, algo como esto:
Código Javascript
:
Ver originalfunction grande(foto){
document.getElementById('grande').src = foto;
}
Código HTML:
Ver original<img id='grande' src='img1.gif' /> <img id='p1' src='img1.gif' onclick='grande(this.src);' /> <img id='p2' src='img2.gif' onclick='grande(this.src);' /> <img id='p3' src='img3.gif' onclick='grande(this.src);' /> <img id='p4' src='img4.gif' onclick='grande(this.src);' />
Código CSS:
Ver original#p1, #p2, #p3, #p4 {height:50px; width:50px;}
#grande {height:200px; width:200px;}
Saludos (: