<script>
function img_rep(id)
{
 var pic = id + '.jpg';
 document.getElementById('img1').src=pic;
}
</script>
<div>
<p> litlle pics </p>
<img src='1.jpg' width='100px' heigt='100px' id='1' onclick="img_rep('1')">
<img src='2.jpg' width='100px' heigt='100px' id='2' onclick="img_rep('2')">
<img src='3.jpg' width='100px' heigt='100px' id='3' onclick="img_rep('3')">
<img src='4.jpg' width='100px' heigt='100px' id='4' onclick="img_rep('4')">
</div>
<table border=5 width='800px' height='600px'>
 <tr>
   <td> <img src='' id='img1' height='600px' width='800px'> </td>
 </tr>
</table>