Hola alan!!
Mira, te he hecho un ejemplito. Tienes que preparar 4 imágenes pequeñas y 4 grandes y lo colocas así:
Código PHP:
<html>
<head>
<title>Untitled</title>
<script>
function cambio(porEsto){
document.getElementsByTagName("img")[0].src=porEsto;
}
</script>
</head>
<body>
<table align="center" width="300" height="300" cellspacing="0" cellpadding="0" border="1" frame="box" rules="all">
<tr>
<td colspan="4" align="center"><img src="abducidagrande.jpg" width="305" height="225" alt="" border="0"></td>
</tr>
<tr>
<td onclick="cambio('abducidagrande.jpg')"><img src="abducidapeque.jpg" alt="" border="0"></td>
<td onclick="cambio('chufa3.jpg')"><img src="chufa3peque.jpg" alt="" border="0"></td>
<td onclick="cambio('chufagrande.jpg')"><img src="chufapeque.jpg" alt="" border="0"></td>
<td onclick="cambio('elefante.jpg')"><img src="elefantepeque.jpg" alt="" border="0"></td>
</tr>
</table>
</body>
</html>
un ejemplo