Fade out issue with IE, possible bug

[raider]

I'm getting a strange problem with a fade out effect in IE 6/7/8. The
following demo continuously fades between 3 elements. The first time
around it works as expected, but as soon as it loops around for a
second time the fade stops working:

http://jsfiddle.net/raider5/TpxuY/

I wrote an equivalent version in jQuery which works fine:

http://jsfiddle.net/raider5/Lk8BQ/1/

The fact that it's working in all other browsers and in jQuery makes
me think it's possibly a bug with the opacity implementation?
Hopefully it isn't and someone can point out where I'm going wrong?

Cheers

[Steve Onnis]

Is looping fine here...though it does not fade...it just flashes

http://jsfiddle.net/raider5/TpxuY/

http://jsfiddle.net/raider5/Lk8BQ/1/

Cheers

=======
Email scanned by PC Tools - No viruses or spyware found.
(Email Guard: 7.0.0.21, Virus/Spyware Database: 6.16820)
http://www.pctools.com/
=======

=======
Email scanned by PC Tools - No viruses or spyware found.
(Email Guard: 7.0.0.21, Virus/Spyware Database: 6.16820)
http://www.pctools.com/
=======

[Sanford Whiteman]

http://jsfiddle.net/TpxuY/1/

-- S.

[raider]

Steve, yeah the looping works fine, it's the fade that doesn't, like
you said it just flashes.

The flashing seems to be caused by the stacking order being out of
sync. I know IE has issues with z-index and with opacity. In the
MooTools version there seems to be no way to "reset" the item once it
has had the fade effect applied to it, hence it breaking on the second
time around.

On Feb 3, 2:25 am, "Steve Onnis" <st...@cfcentral.com.au> wrote:
> Is looping fine here...though it does not fade...it just flashes
>
> -----Original Message-----
> From: raider [mailto:raid...@hotmail.co.uk]
> Sent: Thursday, 3 February 2011 1:16 PM
> To: MooTools Users
> Subject: [Moo] Fade out issue with IE, possible bug
>
> I'm getting a strange problem with a fade out effect in IE 6/7/8. The
> following demo continuously fades between 3 elements. The first time
> around it works as expected, but as soon as it loops around for a
> second time the fade stops working:
>
> http://jsfiddle.net/raider5/TpxuY/
>
> I wrote an equivalent version in jQuery which works fine:
>
> http://jsfiddle.net/raider5/Lk8BQ/1/
>
> The fact that it's working in all other browsers and in jQuery makes
> me think it's possibly a bug with the opacity implementation?
> Hopefully it isn't and someone can point out where I'm going wrong?
>
> Cheers
>
> =======
> Email scanned by PC Tools - No viruses or spyware found.

> (Email Guard: 7.0.0.21, Virus/Spyware Database: 6.16820)http://www.pctools.com/

[raider]

Sanford, that example doesn't work in IE either unfortunately, just
checked in IE7 and it starts to flash after looping around. I've tried
different ways of resetting the element after it has the fade applied
to it, including the filter as shown in your example. Even tried plain
cssText but still no joy.

Thanks for the help

On Feb 3, 2:27 am, Sanford Whiteman <sa...@cypressintegrated.com>
wrote:
> http://jsfiddle.net/TpxuY/1/
>
> -- S.

[Sanford Whiteman]

Works fine in IE8 for me (continuous fade, I knew what you were looking for). I wouldn't have posted it without testing it. I will look in IE6 and 7 later, but if that doesn't work in IE8 for you then there is something wrong with your lab.

-- S.

[raider]

Checked in IE8 on my VPC and it's working, but still the same on IE7

"coda^" on IRC gave me this example which works in all IE versions:

http://jsfiddle.net/TpxuY/6/

I'm not sure why that works though, and this doesn't:

http://jsfiddle.net/TpxuY/7/

If anyone can explain it would be appreciated?



On Feb 3, 1:58 pm, "Sanford Whiteman" <sa...@cypressintegrated.com>
wrote:

[Andraž Kos]

On Thu, Feb 3, 2011 at 03:15, raider <rai...@hotmail.co.uk> wrote:

I'm getting a strange problem with a fade out effect in IE 6/7/8. The
following demo continuously fades between 3 elements. The first time
around it works as expected, but as soon as it loops around for a
second time the fade stops working:

http://jsfiddle.net/raider5/TpxuY/

 

You could simplify it and make it more universal by array rotation:

http://jsfiddle.net/TpxuY/8/

I tested it and works in IE8 and also in real browsers.

[raider]

Thanks for the example Andraz. I was looking more at why the current
logic wasn't working rather than the actual implementation.

I had a look in to the problem and posted up what I found, not sure if
it's of help to anyone else:

https://mootools.lighthouseapp.com/projects/2706/tickets/1163-fadetween-issue-with-ie




On Feb 3, 9:22 pm, Andraž Kos <andraz....@gmail.com> wrote:

[Philip Thompson]

Clever implementation. Hadn't thought of that before. Thanks fer learnin' me good.

~Philip

http://lonestarlightandsound.com/