便利eelife Java Script

   戻る

画像が一定時間ごとに替ります。
ストップ
スタート



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY>
<DIV id="Layer1" style="position:absolute;
width : 153px;
height : 95px;
top : 61px;
left : 128px;
z-index : 1;
"><IMG src="../rogo.gif" width="150" height="25" border="0" name="myIMG">
<DIV style="width : 47px;height : 18px;top : 48px;left : 21px;
position : absolute;
z-index : 2;
visibility : visible;
" id="Layer2"><A href="javascript:Stp();"><IMG src="a0042.gif" width="42" height="42" border="0"></A></DIV>
<DIV style="width : 47px;height : 38px;top : 48px;left : 88px;
position : absolute;
z-index : 3;
visibility : visible;
" id="Layer3"><A href="javascript:Swap();"><IMG src="a0041.gif" width="42" height="42" border="0"></A></DIV>
</DIV>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
img_url = new Array ('../rogo.gif', '../rogo_java.gif','../rogoclr.gif');
i=0;
tmrID = null;

function Swap(){
i =i%img_url.length;
myobj = document.images["myIMG"];
myobj.src = img_url[i];
i++
tmrID = setTimeout("Swap()",2000);
}

function Stp(){
window.clearTimeout(tmrID); // tmrID を止めます。
tmrID = null;
}

// -->
</SCRIPT>
コメント