jQuery Forum

<script type="text/javascript">
			var large_image = new Array(5); 
			var start =0;
			for(var large_image_number=2;large_image_number<=5; large_image_number ++)
			{
				large_image[large_image_number]=new Image();
				large_image[large_image_number].src ="images/large_image_" + large_image_number +".jpg";
			}
			function Swap(number)
			{
				document.image.src=large_image[number].src;
			}
		</script>

<a onclick="image.src='images/large_image_1.jpg'">

        		<img src="images/large_image_1.jpg" alt="" name="image" width="615" height="409" id="image" title="Old yellow farm house" />
    </a>

<div id="thumbnails">
   <a href="javascript:Swap(2)">
   		<img src="images/thumbnails/small_image_1.jpg" alt="fall in Vermont" title="fall in Vermont" width="150" height="120"/>
   </a>
   <a href="javascript:Swap(3)">
  		<img src="images/thumbnails/small_image_2.jpg" alt="vermont apple trees in snow" title="apple trees in snow" width="150" height="120"/>
   </a>
   <a href="javascript:Swap(4)">
     	<img src="images/thumbnails/small_image_3.jpg" alt="back of house in winter" title="old farm house in snow" width="150" height="120"/>
   </a>
   <a href="javascript:Swap(5)">
     	<img src="images/thumbnails/small_image_4.jpg" alt="flowers in vermont" title="multitude of flowers" width="160" height="120" />
    </a>   
</div>