skifte billede ved klik

Jeg vil gerne have, så man via et museklik kan skifte et billede uden siden reloader.

Desværre sker der det, at resten af indholdet på siden bliver fjernet, når jeg prøver at klikke.

Nogen der kan hjælpe?

<script>
    function changeImage(imageNum) {
        document.write("<img src=\"" + imageNum + ".gif\" width=\"200\">");
    }
</script>

<table width="250">
  <tr>
    <td><a href="#" onclick="changeImage(1);"><img src="1.gif" width="75" height="75"></a></td>
    <td><a href="#" onclick="changeImage(2);"><img src="2.gif" width="75" height="75"></a></td>
  </tr>
</table>