HOME 戻る 　 　 　


ボタンクリックで画像を切り替える

Sample

　

スクリプト
<SCRIPT LANGUAGE="JavaScript">
<!--
　
//イメージの事前読み込み。画像を追加するときは movimg[5] = new Image();movimg[5].src='xx.jpg';　を追加します。
if(navigator.appVersion.charAt(0)>=3)
{
movimg=new Array()
movimg[0] = new Image();movimg[0].src='climing.jpg';
movimg[1] = new Image();movimg[1].src='bicycle.jpg';
movimg[2] = new Image();movimg[2].src='ski.jpg';
movimg[3] = new Image();movimg[3].src='soccer.jpg';
movimg[4] = new Image();movimg[4].src='swim.jpg';
};
　
　
//画像書き換え
function changImg1(imgNoA,imgNoB)
{
if(navigator.appVersion.charAt(0)>=3)
{
document.images[imgNoA].src=movimg[imgNoB].src;
};
};
　
-->
</SCRIPT>

//アクセスしたときに表示される画像です。
<IMG SRC="ski.jpg">

//ボタンの設定。画像を増やす時はここにも次のように追加します。<INPUT TYPE="button" VALUE=' xxxx ' onClick="changImg1(0,x)" >;　
<FORM>
<INPUT TYPE="button" VALUE=' FREEクライミング ' onClick="changImg1(0,0)">
<INPUT TYPE="button" VALUE=' 自転車 ' onClick="changImg1(0,1)">
<INPUT TYPE="button" VALUE=' スキー ' onClick="changImg1(0,2)">
<INPUT TYPE="button" VALUE=' サッカー ' onClick="changImg1(0,3)">
<INPUT TYPE="button" VALUE=' 水泳 ' onClick="changImg1(0,4)">
</FORM>