ボタンでイメージの切り替え2

最終更新日 2001年04月15日


以下のボタンを押す事でイメージの入れ替えを行います。
又、イメージをクリックする事で移動します。



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

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

//イメージの入れ替え処理
var MyCount = 0;
var MaxCount = 3
function ImgChange(Count){
if (document.all){
MyCount += Count;
if (MyCount < 0)MyCount = MaxCount;
if(MyCount > MaxCount)MyCount = 0;
MyImg.src = tImg[MyCount].src;
}
}

function GoPage(){
if (document.all){
switch(MyCount){
case 0:
MyUrl = "../IMG/Image/ImgConv.gif";
break;
case 1:
MyUrl = "../IMG/Image/ImgPrev.gif";
break;
case 2:
MyUrl = "../IMG/Image/ITMaker.gif";
break;
case 3:
MyUrl = "../IMG/Image/TmWebEditorTop.jpg";
break;
}
location.href = MyUrl;
}
}
// -->
</SCRIPT>

タグ部分
<Form>
<Input Type="button" Value="前に戻る" onclick="ImgChange(-1)">
<Input Type="button" Value="次に進む" onclick="ImgChange(1)">
</Form>
<Img id="MyImg" onclick="GoPage()" Src="../IMG/Image/ImgConv.gif">


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