スライドショーが出来ません。。
web作成は全くの初心者で、今までいろんなサイトの見本のhtmlをコピペしてなんとか少しづつ形にになってきたのですが、どうしてもスライドショーができません、、、
こちらのサイト（http://kowaza.boo.jp/）の＜スライドショー＞ * フェードインしながら次々と画像を表示 * というのを参考に作ってみたのですが、全然スライドショーになりません。
何がいけないのか全く分からないのですが、どこかおかしなところがありましたら教えて下さい。どうぞよろしくお願い致します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>スライドショーの実験</title>
<script type="text/JavaScript">
<!--
var myspd = 200;
var myx = 5;
var mypic = new Array("myp1","myp2","myp3");
var mycnt = 0;
var myp = 0;
function mygo() {
document.images[mypic[myp]].filters['alpha'].opacity = mycnt;
mycnt += myx;
if(mycnt >= 100) {
mycnt = 0;
myp++;
}
if(mypic.length <= myp) return;
setTimeout("mygo()",myspd);
}
//-->
</script>
</head>
<body onLoad="mygo()">
<span style=" position:absolute ; top:20px ; left:20px ; z-index:1;">
<img src="top.jpg" width="300" name="myp1" border="0" style="filter:alpha(opacity=0);"></span>
<span style=" position:absolute ; top:40px ; left:50px ; z-index:2 ;">
<img src="before.jpg" width="300" name="myp2" border="0" style="filter:alpha(opacity=0);"></span>
<span style=" position:absolute ; top:60px ; left:80px ; z-index:3 ;">
<img src="after.jpg" width="300" name="myp3" border="0" style="filter:alpha(opacity=0);"></span>
</body>
</html>
