<HTML lang="ja">
<HEAD>
<TITLE>フィイルター</TITLE>
<script language="JavaScript">
<!--
var cnt1 = 1.0;
var cnt2 = 1.0;
var cnt3 = 1.0;
var sw = 0;
var chg = 0.02;
function dsp1() {
var obj = document.getElementById("img1");
obj.style.opacity = cnt1;
cnt1 -= chg;
if(sw == 1) {
var obj3 = document.getElementById("img3");
obj3.style.opacity = cnt3;
cnt3 += chg;
}
var tm1 = setTimeout("dsp1()",100);
if(cnt1 <= 0) {
clearTimeout(tm1);
var tm2 = setTimeout("dsp2()", 2000);
sw = 1;
}
}
function dsp2() {
var obj2 = document.getElementById("img2");
obj2.style.opacity = cnt2;
cnt2 -= chg;
var obj = document.getElementById("img1");
obj.style.opacity = cnt1;
cnt1 += chg;
var tm2 = setTimeout("dsp2()",100);
if(cnt2 <= 0) {
clearTimeout(tm2);
var tm3 = setTimeout("dsp3()", 2000);
}
}
function dsp3() {
var obj3 = document.getElementById("img3");
obj3.style.opacity = cnt3;
cnt3 -= chg;
var obj2 = document.getElementById("img2");
obj2.style.opacity = cnt2;
cnt2 += chg;
var tm3 = setTimeout("dsp3()",100);
if(cnt3 <= 0) {
clearTimeout(tm3);
var tm1 = setTimeout("dsp1()", 2000);
}
}
// -->
</script>
</head>
<body onload="dsp1()">
<center>
<img id="img1" src="G1.gif">
<img id="img2" src="G2.gif">
<img id="img3" src="G3.gif">
</center>
</body>
</html>