javascript 画像差し替えスクリプト

2009年12月14日2019年1月26日

javascript 画像差し替えスクリプト

●htmlヘッダ

<SCRIPT type="text/javascript">
<!–
function showimg1(){
document.imgsmp.src ="a01.jpg";
}
function showimg2(){
document.imgsmp.src ="a02.jpg";
}
…
–>
</SCRIPT>

●htmlボディ

<input name="image" type="image" onclick="showimg1()" value="ボタン1″ src="btn01.gif" />
<input name="image" type="image" onclick="showimg2()" value="ボタン2″ src="btn02.gif" />

…

<img src="a00.jpg" border="0″ alt="画像" name="imgsmp" id="imgsmp"/>

——————-

ボタン1をクリックすると、
画像（a00.jpg）が、a01.jpgに差し換わり、
ボタン2をクリックすると、a02.jpgに差し換わる、
という動作をするものです。

詳細説明は割愛しますが、
便利なものです。