Flicker on blendtrans

[russ801]

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="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.

[gil davis]

Originally posted by russ801
...
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";This is redundant, but probably not your trouble-maker.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.Since you have not posted a link that would show the pictures you are using, I don't see how anyone can evaluate your problem.

[russ801]

I don't have it on a public site. Still trying to resolve these issues before release.

But the images do vary in size from a 300X300 to a 280hX200W. Centering it in the table sell seems to work for the display. Only when it fades does it snap to the left margin.

I have two thoughts:

what is the documentation on doc...style.filter="blendtrans()

Does IE handle document. images..style.filters differently than NS?

I have noted that crossbrowser issues often involve document....

Russ

BTW, those commands are redundant (at least for IE6 and NS7)
and you are right in that the redundancy is not the issue.

[gil davis]

Originally posted by russ801
I don't have it on a public site.You can zip it up and attach it here.[quotr]Only when it fades does it snap to the left margin.[/quote]My understanding of a transition is that you change the image, apply the filter and then you play the transition. You are applying the filter before you change the image. I don't know what effect that would have.what is the documentation on doc...style.filter="blendtrans()http://msdn.microsoft.com/workshop/author/filter/reference/filters/blendtrans.aspDoes IE handle document. images..style.filters differently than NS?NS 6 and Mozilla introduced some filter things (mozopacity), but they are not part of the W3C recommendations so there is no standard yet. You are using document.all to browser detect, and that would eliminate NS from executing the filter anyway. NS would just swap the image.

If you are interested, I have a page at http://gil.davis.home.att.net/wipe.htm that uses revealTrans for IE and clip for NS. It might give you some ideas.

[russ801]

Thanks Gil

I moved the filter statements to follow the image loading and lost the fade effect.

One problem with cutting and pasting combined with my ignorance is that I sometimes get in over my head. I will take a look at your site and see what I can do

[gil davis]

If all else fails, zip up a minimal example with two or three images, attach them to your next post, and I'll see what I can do to get it to work right.

[russ801]

thanks for any help you can provide

Russ

[gil davis]

I don't see any flicker. Did you fix something?

Make sure you have emptied your cache when you test.

[russ801]

Oh Hell

Don't tell me this is one of those intermitnant problems.:rolleyes:

I just started up IE and it is gone.

Thanks for your help. I will keep you posted if I figure out the condiditons that it occurs under

Russ