Untitled


<html>
   <head>
       <style type="text/css">
           img {
               border:0;
           }
           .Big {
               width:340px;
               height:255px;
           }
           .Thumbnail {
               width:80px;
               height:60px;
           }
       </style>
       <script type="text/javascript">
           function showImg(img) {
               document.getElementById('main'
).src = img;
           }
       </script>
   </head>
   <body>
       <img id="main" class="Big" src="MAIN IMAGE 1 URL">
       <br/>
       <img class="Thumbnail" src="MAIN IMAGE 1 URL" onclick="showImg(this.src)"/>
       <img class="Thumbnail" src="MAIN IMAGE 2 URL" onclick="showImg(this.src)"/>
       <img class="Thumbnail" src="MAIN IMAGE 3 URL" onclick="showImg(this.src)"/>
   </body>
</html>