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

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

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

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

レクタングルWset

 

PC汎用PR:Windows、34歳の記念セール

Windows、34歳の記念セール!
Windowsは1985年11月に生まれました。これを記念して「Vectorソフト祭り」が開催中です! (期間限定のものも多数あるため、終了の際はご容赦ください)
Windows7フォーエバー - Security -
2020年1月にサポートが切れるWindows7をいつまでも使い続けるための永久型セキュリティを提供
メーカー希望小売価格:3,999円→【50%OFF!】ベクター特価:1,980円
マカフィー リブセーフ 3年版
Windows / Mac / Android / iOSのマルチデバイス対応。家族内で無制限のデバイスを保護できる!