I am getting an odd effect when running a slide show I found on the web.
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
...
<TABLE border="0" width="365" height="385" cellpadding="0" cellspacing="0" align="center" bgcolor="#cccccc">
<TBODY>
<TR>
<TD width="45" bgcolor="#000000"></TD>
</TR>
<TR>
<TD align="center" height="325" bgcolor="#000000"><IMG src=http://www.webdeveloper.com/forum/archive/index.php/"images/MarH0022V.jpg" name="SlideShow"></TD>
</TR>
<TR>
<TD width="45" bgcolor="#000000"></TD>
</TR>
</TBODY>
</TABLE>
When I run this in IE, the pictures shift from the center to the left margin as they fade.
Making all the images the same size is not the preffered solution.
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
...
<TABLE border="0" width="365" height="385" cellpadding="0" cellspacing="0" align="center" bgcolor="#cccccc">
<TBODY>
<TR>
<TD width="45" bgcolor="#000000"></TD>
</TR>
<TR>
<TD align="center" height="325" bgcolor="#000000"><IMG src=http://www.webdeveloper.com/forum/archive/index.php/"images/MarH0022V.jpg" name="SlideShow"></TD>
</TR>
<TR>
<TD width="45" bgcolor="#000000"></TD>
</TR>
</TBODY>
</TABLE>
When I run this in IE, the pictures shift from the center to the left margin as they fade.
Making all the images the same size is not the preffered solution.