画像の入れ替え/JavaScript

Home | JavaScript目次 | 訪問回数 | 画像の入替え | リンク画像

クリックすると画像が入れ替わる

画像をクリックするたびに画像が入れ替わります。全部で８枚用意しました。
Macintosh版のNetscapeでは動くように変更しました。

JavaScriptサンプルソース

ヘッダ部にスクリプトを記述します。

<script type="text/javascript">
<--
num = 0;
function change()
{
   num++;
   num %=8;
   document.banIMG.src= "script/" + num + ".jpg";
}
//-->
</script>

HTMLサンプルソース

<body>
<p>
<a href="JavaScript:change()">
<img src="0.jpg" name="banIMG" class="bl"></a>
</p>
</body>

初版更新日 2002/7/21 最新更新日 2002/8/11

◆ 画像の入れ替え