Question

I’m using a very good plugin for animation/transitions with css3 based on jquery called Sequence.js, and i’m using it for a simple responsive fadeIn-fadeOut slideshow.

With chrome/firefox everything is working fine and smooth as expected, but on opera the whole thing is stuck, wile in safari something really weird happens:
the animation start with the frame fadingIn, shortly after it disappears, after 5 seconds or so (plugin time to start the next frame animation) the frame reappear to start the fadeOut, the sequent frame fadeIn, and then again the whole thing disappear, over and over.

I can’t really tell what’s happening, and here is a link with the thing working http://bit.ly/SQV3Xl

How can this be fixed to work like in chrome/firefox or even ie with fallback?

Answer 1

Ok, tinkering with the inspector in safari, it seems that he doesn’t like to have no height specified for the container element #sequence, but i really can’t understand why.
Odd enough also opera seems to appreciate the height specified in the CSS: now when the script loads sometimes works, sometimes wont, and i still can’t really get why all this mess..

I’ll close the issue as this is “fixed”, but i really like to know WHY this is happening. Can someone shed some light on this?