View Full Version : IE4+DHTML type fade transition needed

04-10-2003, 11:46 AM
Hello brainiacs!

Have a problem I'd like to put to your collective intelligence. I have this dhtml fade set-up on an index page - but it only runs on IE5.5 & higher.

Does anyone have any code that might be able to make this run on earlier versions.

As you might be able to tell I am not a scripter by trade, and would really appreciate a hand with this problem.

<div id="Layer1" style="position:absolute; left:478px; top:262px; width:153px; height:111px; z-index:8">
<div id="trans">
<div id="trans"><img id="cimg" style="FILTER: progid:dxImageTransform.Microsoft.Fade(Overlap=1.00,duration=3,enabled=false);WIDTH: 154px;HEIGHT: 111px;" src="00.jpg" name="slideimg" width=154 height=111 alt="" border="0"></div>

<div style="position:absolute;width:0px; height:0px;overflow:hidden;visibility:hidden;">

Many thanks guys and gals


04-10-2003, 04:10 PM
From this page (http://msdn.microsoft.com/workshop/author/filter/filters.asp)
Downlevel Support and Internet Explorer 4.0 Filters
// Internet Explorer 4.0 syntax

<Element STYLE="filter:filtername(sProperties)" >

// Internet Explorer 5.5 syntax

<Element STYLE="filter: progid:DXImageTransform.Microsoft.filtername(sProperties)" >

04-14-2003, 01:31 PM
Thank you beetle,

however my poor ole brain doesn't seem to be able to get this to work. Try explaining it as if I only have brain stem functions and little else...


04-14-2003, 02:05 PM
That function is obviously IE only... I hate those, they're cool but they only work in IE 5+ (or 6+?). Anyway, if you like Netscape users to be able to enjoy fading imgs, find a jscript for that.

*This was just a comment

04-14-2003, 02:24 PM
I think this thread clearly establishes that they work in IE4+. (dependant upon method of style-declaration)

Simple object detection can get you around compatiblity issues.