小さい写真にマウス置くと拡大される写真のコードについて質問があります。

javascriptについて。小さい写真にマウス置くと拡大される写真のコードについて
よろしくおねがいします

小さい写真にマウス置くと拡大される写真のコードについて質問があります。

下記のURLに全て写真付きで質問内容が書いています。どうぞご回答よろしくおねがいします。

http://nb-nobrand.chu.jp/

コードは下記です

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"><meta name="GENERATOR" content="JustSystems Homepage Builder Version 16.0.10.0 for Windows">


<script type="text/javascript"><!--
function myChgPic(myPicURL){
document.images["myBigImage"].src = myPicURL;
}
// --></SCRIPT>

<TABLE>
<TR><TD colspan="4" align="center"><IMG src="写真入ります " width="480" height="600" name="myBigImage"></TD></TR>

<TR>

<TD><A href="javascript:void(0)" onmouseover="myChgPic( '写真入ります ' )"><IMG src="写真入ります " width="150" height="100"></A></TD>
<TD><A href="javascript:void(0)" onmouseover="myChgPic( '写真入ります ' )"><IMG src="写真入ります " width="150" height="100"></A></TD>
<TD><A href="javascript:void(0)" onmouseover="myChgPic( '写真入ります ' )"><IMG src="写真入ります " width="150" height="100"></A></TD>
<TD><A href="javascript:void(0)" onmouseover="myChgPic( '写真入ります ' )"><IMG src="写真入ります " width="150" height="100"></A></TD>


</TR>
</TABLE>



よろしくお願いします。

No.1 ベストアンサー 回答者： yambejp 回答日時： 2016/01/08 09:31

勘違いだったらすみません。

これってjavascriptの質問というよりhtmlの質問ですよね？

4列１行→4列2行
trで列をつくってtdでセルをつくればよいかと
たとえばこう

<TABLE>
<TR>
<TD colspan="4"><IMG src="001_l.jpg" name="myBigImage"></TD>
</TR>
<TR>
<TD><A href="#" onmouseover="myChgPic('001_l.jpg')"><IMG src="001_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('002_l.jpg')"><IMG src="002_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('003_l.jpg')"><IMG src="003_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('004_l.jpg')"><IMG src="004_s.jpg"></A></TD>
</TR>
<TR>
<TD><A href="#" onmouseover="myChgPic('005_l.jpg')"><IMG src="005_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('006_l.jpg')"><IMG src="006_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('007_l.jpg')"><IMG src="007_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('008_l.jpg')"><IMG src="008_s.jpg"></A></TD>
</TR>
</TABLE>

また上の画像をしたにいどうするならこう

<TABLE>
<TR>
<TD><A href="#" onmouseover="myChgPic('001_l.jpg')"><IMG src="001_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('002_l.jpg')"><IMG src="002_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('003_l.jpg')"><IMG src="003_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('004_l.jpg')"><IMG src="004_s.jpg"></A></TD>
</TR>
<TR>
<TD><A href="#" onmouseover="myChgPic('005_l.jpg')"><IMG src="005_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('006_l.jpg')"><IMG src="006_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('007_l.jpg')"><IMG src="007_s.jpg"></A></TD>
<TD><A href="#" onmouseover="myChgPic('008_l.jpg')"><IMG src="008_s.jpg"></A></TD>
</TR>
<TR>
<TD colspan="4"><IMG src="001_l.jpg" name="myBigImage"></TD>
</TR>
</TABLE>

この回答へのお礼

ありがとうございます　感謝します　またHTMLに関して質問しますのでお時間あればよろしくおねがいします

お礼日時：2016/01/09 01:04