画像の自動切り替えができなくなりました
下記について教えて頂けないでしょうか
HPの画像を自動で切り替え表示する他のHPを参考にして編集していました
最初は上手く切り替えできていましたが、ある時から上手くいかなくなりました
IE11になってからかも知れません
OS：win7
画は39枚です
ソースを一部省略して載せましたが、問題個所のアドバイスを頂けると助かります
（失礼ながら、当方には読み取る知識がありませんので・・・お叱りなくお願いしたいです）
<HTML lang=ja>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=Shift_JIS">
<META http-equiv=Content-Style-Type content=text/css>
<META http-equiv=Content-Script-Type content=text/javascript>
<TITLE>album</TITLE>
<STYLE type=text/css>P.af IMG {FILTER: Alpha(opacity=50); BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
</STYLE>
</HEAD>
<SCRIPT type=text/javascript>
<!--
//Copyright(C) 2003 valentin
numphoto=33; //★画像の数を記入してください
var mes=new Array();
mes[0] = " "; //★各画像のコメントを記入してください
mes[1] = " ";
(2～38を文字数制限の為、省略しています)
mes[39] = " ";
var photo=new Array();
photo[0] = "800/DSC01704iroase.jpg"; //★各画像のファイル名を記入してください
photo[1] = "800/DSC01706-a.jpg";
(2～38を文字数制限の為、省略しています)
photo[39] = "800/DSC02706s.jpg";
var effects = new Array();
effects[0]="Barn(";
effects[1]="Barn(orientation=horizontal,";
(2～38を文字数制限の為、省略しています)
effects[39]="Stretch(";
var idn=new Array();
idn[0]="imge0";
idn[1]="imge1";
(2～38を文字数制限の為、省略しています)
idn[39]="imge32";
var j=0;
var timeID=0;
var i = numphoto-1;
var antes=numphoto-1;
var maxnum=numphoto-1;
function transImage2 () {
changeTrans2(j);
j=j+1; if (j>34){j=0;}
var trans = 0;
var img = document.images['img1'];
if(img.filters){trans = img.filters[0];}
if(img.complete) { i++; if(i >= photo.length) i = 0;
fadeOFF(idn[antes]);
fadeON(idn[i]); myform.mymes.value=mes[i];
antes=i;
if(trans) trans.apply();
img.src = photo[i];
if(trans) trans.play(); }
clearTimeout(timeID);
timeID = setTimeout("transImage2()", 10000);
}
function changeTrans2 (num) {
var img = document.getElementById("img1");
var s = "filter: progid:DXImageTransform.Microsoft."+ effects[num]+ "Duration=3.0);"
if(img.filters) img.style.cssText = s;
}
function fadeON(id){
var valentin = document.getElementById(id);
var alpha = valentin.filters["Alpha"];
alpha.Opacity=100;}function fadeOFF(id){
var valentin = document.getElementById(id);
var alpha = valentin.filters["Alpha"];
alpha.Opacity=50;
}
//-->
</SCRIPT>
<META content="MSHTML 6.00.2800.1170" name=GENERATOR></HEAD>
<BODY bgColor=#000000 onload=transImage2();><TEXTAREA style="DISPLAY: none" rows=1 cols=1><body>
<!-- St-HP-H -->
<!-- En-HP-H -->
<!-- St-HP-F -->
<!-- En-HP-F --></body>
</TEXTAREA>
<CENTER><FONT color=#e3c8ff size=6>お気に入り</FONT>
<BR><FONT color=#e3c8ff size=3>各地の景色</FONT></CENTER>
<CENTER>
<TABLE height=490 cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD><IMG class=fade id=img1 alt="" src="DSC00221iroase-s.jpg" name=img1></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
<FORM name=myform><INPUT
style="FONT-SIZE: 12pt; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; COLOR: #ffffff; BORDER-TOP-COLOR: #000000; BACKGROUND-COLOR: #000000; TEXT-ALIGN: center; BORDER-RIGHT-COLOR: #000000"
size=70 value=イメージデータ読み込み中 name=mymes> </FORM>
<P class=af>
<TABLE cellSpacing=0 cellPadding=0 bgColor=#000000 border=1>
<TBODY>
<TR>
<TD><IMG id=imge0 style="CURSOR: pointer" onclick=i=maxnum;transImage2()
height=45 src="120/DSC01704iroase.jpg" alt=" " width=65 name=imge0></TD>
<TD><IMG id=imge1 style="CURSOR: pointer" onclick=i=0;transImage2()
height=45 src="120/DSC01706-a.jpg" alt=" " width=65 name=imge1></TD>
(2～38を文字数制限の為、省略しています)
<TD><IMG id=imge39 style="CURSOR: pointer" onclick=i=38;transImage2()
height=45 src="120/DSC02706s.jpg" alt="" width=65 name=imge39></TD>
</TR>
</TBODY>
</TABLE>
</P>
<FONT color=#ffffff><SMALL>↑縮小画像をクリックすると、そこから再スタートします</SMALL></FONT></CENTER>
</BODY>
</HTML
お礼
ありがとうございました。この方法でIE,Firefoxとも正常に作動しました。