クロマキ

サムネイルから拡大画像表示

下のプログラムをコピーして、お使い下さい。

<HTML>
<HEAD><TITLE>サムネイルから拡大画像表示</TITLE>

<SCRIPT language=JavaScript>
<!-- 
  browserName = navigator.appName;
  browserVer = parseInt(navigator.appVersion);

ns3up = (browserName == "Netscape" && browserVer >= 3);
  ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);

function doPic(imgName) {
    if (ns3up || ie4up) {
    imgOn = ("" + imgName);
    document.mainpic.src = imgOn;
    }
  }
//-->
</SCRIPT>
</HEAD>
 
<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY bgColor=#fffeee>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=450 border=5>
  <TBODY>
  <TR>
    <TD><A href="javascript:doPic('img7/01.jpg');"><IMG height=80 
      src="img7/01.jpg" width=100 border=5></A></TD>
    <TD><A href="javascript:doPic('img7/02.jpg');"><IMG height=80 
      src="img7/02.jpg" width=100 border=5></A></TD>
    <TD><A href="javascript:doPic('img7/03.jpg');"><IMG height=80 
      src="img7/03.jpg" width=100 border=5></A></TD>
    <TD><A href="javascript:doPic('img7/04.jpg');"><IMG height=80 
      src="img7/04.jpg" width=100 border=5></A></TD></TR>
  <TR>
    <TD align=middle colSpan=4><IMG height=360 src="img7/01.jpg" 
      width=450 border=0 name=mainpic></TD></TR>
  <TR>
    <TD><A href="javascript:doPic('img7/05.jpg');"><IMG height=80 
      src="img7/05.jpg" width=100 border=5></A></TD>
    <TD><A href="javascript:doPic('img7/06.jpg');"><IMG height=80 
      src="img7/06.jpg" width=100 border=5></A></TD>
    <TD><A href="javascript:doPic('img7/07.jpg');"><IMG height=80 
      src="img7/07.jpg" width=100 border=5></A></TD>
    <TD><A href="javascript:doPic('img7/08.jpg');"><IMG height=80 
      src="img7/08.jpg" width=100 border=5></A></TD>
  </TR>
</TBODY>
</TABLE>
</CENTER>

</BODY>
</HTML>

この画像表示を使用して、ちょっと加工すれば、面白いアイデアが出てきそうです。
勿論、カラー画像もＯＫですよ。画像データは各自でご用意して下さい。