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

2009年12月14日

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に差し換わる、
という動作をするものです。

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

この記事は役に立ちましたか? 役立った 役立たなかった
1 人中 0 人がこの記事は役に立ったと言っています。

★新記事下ハイブリッドads