views:

949

answers:

0

JQUERY 1.3.2
CYCLE PLUGIN (http://malsup.com/jquery/cycle/)
IE8
IE7 (aka compatible view in IE8)


I have a website with 2 tabs. The first tab contains a slideshow that uses cycle, the second tab contains text.

When you click a tab, the current content div fades out and the correct content div fades in. This is the expected behavior and it works in Chrome and FF.

As for IE, the photos from the slideshow fade into one another correctly but the fadeOut and fadeIn functions don't work for the content divs. When you click a tab, the content just disappears, and the new content appears right away without any fading effect.

Changing the fade effect to slide for the content divs works. On the other hand, changing the cycle transition to something other than fade doesn't fix the problem. It seems like no matter what, the cycle plugin breaks the fade function in IE8 and IE7.

Any help? Thanks.