b-click

セレクトメニューで画像チェンジ


サンプル
<HTML>
<HEAD>
<TITLE> </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
image1= new Image();
image1.src = "../banner/h1.gif";
image2= new Image();
image2.src = "../banner/no-2.gif";
image3= new Image();
image3.src = "../banner/kaizo4.gif";

function img_change(){
var img_No = document.form.sel_img.selectedIndex + 1;
fname = eval("image" + img_No + ".src")
document.sel_img.src = fname
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM name="form">
<P><SELECT NAME="sel_img" size=1>
<OPTION>1番目の画像へ
<OPTION>2番目の画像へ
<OPTION>3番目の画像へ
</SELECT>
<INPUT type="button" value="画像変更" onClick="img_change()"></P>
</FORM>
<IMG src="../banner/kaizo6.gif" name="sel_img">
</BODY>
</HTML>
『image1.src = "』はぞれぞれチェンジしたい画像までの
絶対パス・相対パスを記述してください。
『<IMG src="../banner/kaizo6.gif" name="sel_img">』は最初に表示させておく画像です。

こちらでテストできます。

サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。

いきなりここへこられた方はこちらがホームページ改造王です。