トップ   >   記事表示

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

URL: http://tech.kimihiko.jp/article/34196124.html

このエントリーをはてなブックマークに追加
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に差し換わる、
という動作をするものです。

詳細説明は割愛しますが、
便利なものです。
関連する記事(広告含む)
コメントを書き込む
名前 ※ご自由に

メールアドレス ※ご自由に

ホームページ ※ご自由に

コメント ※必ず

  • コメントがうまくできない場合などはこちらをご確認ください。