<HTML>
<HEAD>
<TITLE>選択で画像拡大表示</TITLE>
</HEAD>
<!---------START OF PROGRUM--------->
<BODY>
呼び出し指定
<SCRIPT LANGUAGE="JavaScript">
<!--
function Gazou(mysrc){ document.myIMG.src=mysrc; }
//-->
</SCRIPT>
拡大画像表示位置及び、サイズ指定
<CENTER>
<IMG SRC="hana01.jpg" name="myIMG" border="0" width="250" height="180">
<BR>
表示画像サンプル指定
<TABLE>
<TR>
<TD>
<IMG src="hana10.jpg" border="0" border="0" width="50" height="50"><BR>
<INPUT type="button" value="画像01" name="myRB" onClick="Gazou('hana10.jpg')" checked>
</TD>
<TD>
<IMG src="hana01.jpg" border="0" border="0" width="50" height="50"><BR>
<INPUT type="button" value="画像02" name="myRB" onClick="Gazou('hana01.jpg')">
</TD>
<TD>
<IMG src="hana02.jpg" border="0" border="0" width="50" height="50"><BR>
<INPUT type="button" value="画像03" name="myRB" onClick="Gazou('hana02.jpg')">
</TD>
<TD>
<IMG src="hana03.jpg" border="0" border="0" width="50" height="50"><BR>
<INPUT type="button" value="画像04" name="myRB" onClick="Gazou('hana03.jpg')">
</TD>
<TD>
<IMG src="hana07.jpg" border="0" border="0" width="50" height="50"><BR>
<INPUT type="button" value="画像05" name="myRB" onClick="Gazou('hana07.jpg')">
</TD>
</TR>
</TABLE>
</CENTER>
<-----------END OF RUN----------------->
</BODY>
</HTML>
(名称を変えて画像を追加出来ます｡)
<TD>
<IMG src="hana07.jpg" border="0" border="0" width="50" height="50"><BR>
<INPUT type="button" value="画像05" name="myRB" onClick="Gazou('hana07.jpg')">
</TD>
(応用次第では画面左へ選択を、右へ拡大の画像表示が出来ます｡)
| 
