Eso es relativamente sencillo:
Código HTML:
<table>
<tr><td colspan="3"><img id="ImagenGrande" src="ImagenBase.jpg"></td></tr>
<tr><td><img src="Imagen1.jpg" onClick="ImagenGrande.src='NombreImagen.jpg';"></td>
<td><img src="Imagen2.jpg" onClick="ImagenGrande.src='NombreImagen.jpg';"></td>
<td><img src="Imagen3.jpg" onClick="ImagenGrande.src='NombreImagen.jpg';"></td><tr>
</table>
Bien si te fijas en la primera imagen le he puesto un
id="ImagenGrande" esto es para darle el nombre a la imagen, y so te fijas en las imagenes que estan debajo, hacemos una llamada con onClick
onClick="ImagenGrande.src='NombreImagen.jpg';" En esta linea lo que hacemos es indicarle a ImagenGrande (que es el nombre que le dimos a la imagen de arriba) que el valor SRC sea el de la imagen que tu le digas, cuando hagas click sobre esa imagen.
Recuerda que solo es un ejemplo, por lo que las imagenes te tu tengas son las que sacas de la base, lo unico "importante" es lo que está en negrita que es la solución al problema que comentas.
Espero haberte ayudado.