クリックする度にイメージを入れ替える

最終更新日 2000年07月24日


下のイメージをクリックすると、イメージがクリックする毎に入れ替わります。

テストイメージ

以下にソースを記載します。

スクリプト部分
<SCRIPT LANGUAGE="JavaScript">
<!--
//イメージの読み込み
tImg = new Array();
tImg[0] = new Image();tImg[0].src="../IMG/Image/TmWebEditorTop.jpg";
tImg[1] = new Image();tImg[1].src="../IMG/Image/ImgConv.gif";
tImg[2] = new Image();tImg[2].src="../IMG/Image/ITMaker.gif";
var MyIndex = 0;
var Url = "";

//イメージの入れ替え処理
function ImgChange(Obj){
if(document.all){
MyIndex += 1;
if(MyIndex == 3) MyIndex = 0;
Obj.src=tImg[MyIndex].src;
}
}
// -->
</SCRIPT>

タグ部分
<Img onclick="ImgChange(this)" Src="../IMG/Image/TmWebEditorTop.jpg" Alt="テストイメージ" Border="0">


参考にして頂ければ幸いです
戻る
Copyright(C) 1999-2000 スタジオ　T-MAN
MailTo:t-man@mx4.ttcn.ne.jp