画像を変更しちゃいま〜す。

Index

　　このプログラムは、プッシュボタンを押すことによって画像を変更するものです。

【例】

　　<SCRIPT TYPE="text/JavaScript">
　　<!--
　　var cnt = 1;
　　function ChPic( add )
　　{
　　　　cnt += add;　// cnt の値は [＞]で +1、[＜]で -1
　　　　cnt = ( cnt < 1 ) ? 7 : cnt;　　// cnt が 1 より小なら cnt = 7
　　　　cnt = ( cnt > 7 ) ? 1 : cnt;　　// cnt が 7 より大なら cnt = 1
　　　　document.CP.src = "../../img/1/c_" + cnt + ".gif";　　// (1)
　　}
　　//-->
　　</SCRIPT>

　　<FORM>
　　　　<IMG SRC="../../img/1/c_1.gif" NAME="CP"><BR><BR>　// (2)
　　　　<INPUT TYPE="button" onClick="ChPic(1);"  value="[＜]">　//(3)
　　　　<INPUT TYPE="button" onClick="ChPic(-1);" value="[＞]">
　　</FORM>
【解説】

　(1) Chngpic という名のオブジェクトの src プロパティを設定することにより画像
　    が変更されます。
　(2) オブジェクトを Chngpic という名前に設定します。
　(3) プッシュボタンを押すことにより、ChPic() が呼び出され、画像が変化します。

　画像ファイルの名前を img0.gif 、img1.gif , img2.gif ...の用にしておくとプ
　ログラムで扱いやすくなります。
【実行してみよう】