SAMPLE

SOURCE

画像は大小用意した。
■<body>〜</body>間に入れるタグ
<SCRIPT Language=JavaScript>
<!--
if(document.images){
pictures=new Array()
pictures[0] = new Image();pictures[0].src='img/photo_00.jpg';
pictures[1] = new Image();pictures[1].src='img/photo_01.jpg';
pictures[2] = new Image();pictures[2].src='img/photo_02.jpg';
pictures[3] = new Image();pictures[3].src='img/photo_03.jpg';
}
//画像書き換え
function prevImg(myIMG){
if(document.images)document.images['fuukei'].src = pictures[myIMG].src
}
//-->
</SCRIPT>
<table border="0" cellspacing="5" cellpadding="0">
<tr>
<td><IMG src="img/photo_01.jpg" name="fuukei"></td>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><A href="javascript:function voi(){};voi()" onClick="prevImg(0)">
<IMG src="img/photo_00s.jpg"></a></td>
<td><A href="javascript:function voi(){};voi()" onClick="prevImg(1)">
<IMG src="img/photo_01s.jpg"></a></td>
</tr>
<tr>
<td><a href="javascript:function voi(){};voi()" onClick="prevImg(3)">
<IMG src="img/photo_03s.jpg"></a></td>
<td><a href="javascript:function voi(){};voi()" onClick="prevImg(2)">
<img src="img/photo_02s.jpg"></a></td>
</tr>
</table></td>
</tr>
</table>

サムネイルをクリックで画像を切り替える