Image Selector

Description:

プルダウンメニューから見たい画像を選択します。

なお画像のサイズは固定されているのでご注意下さい。

Demo:

Source:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>

<script language="JavaScript" type="text/javascript">
<!--
function imageSelector(obj){
 var imgid = "picture"; //対象画像タグの名前
 var imgsrc= obj.options[obj.selectedIndex].value;
 if(imgsrc != "") {  document.images[imgid].src = imgsrc; }
}
//-->
</script>

</head>

<body>


<!-- value="..."に画像のパスを記入 -->
<form method="post">
<select name="imgselector" onchange="imageSelector(this);">
 <option value="">-- 見たい画像を選択してください。
 <option value="../_image/picture1.jpg">室内
 <option value="../_image/picture2.jpg">バー
 <option value="../_image/picture3.jpg">室内2
 <option value="../_image/picture4.jpg">パチンコ
</select>
</form>

<!-- 下の画像タグの画像を変更します。 -->
<img src="../_image/black.gif" width="600" height="400" name="picture">



</body>
</html>

Advice:

Arrangement:

Browser:

Internet Explorer3.0以上
Netscape Navigator2.0以上