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">室内２
<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以上
