Java-Script

　リスト選択でイメージ（画像）変更する 　　　　　

Sample 　下のリストで、イメージを選択して下さい。

ソース

<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
var list_img = new Array();
list_img[0] = new Array("1.jpg","イメージ１");
list_img[1] = new Array("2.jpg","イメージ２");
list_img[2] = new Array("3.jpg","イメージ３");
list_img[3] = new Array("4.jpg","イメージ４");
function set_img(sel_val)
{
  img_area.src = list_img[sel_val][0];
}
//-->
</SCRIPT>

</HEAD>
<BODY onLoad="set_img(0);">
<center>
<select onchange="set_img(this.selectedIndex)">

<SCRIPT language=javascript>
  for(nn=0;nn<list_img.length;nn++) {
    document.write("<option>" + list_img[nn][1]);
  }
</SCRIPT>

</select>
<br><br>
<img name=img_area border=1>
<br><br>
</center>
</BODY>
</HTML>

ワンポイント解説

<img name=img_area　で、画像を表示するエリアに名前を付けて、
img_area.src = list_img[sel_val][0];　で、選択された画像をはめ込んでいます。