Wow - I was just about to post on the same topic ! Synced animations would be ultra useful for me. I'm writing a Sprite library. I'm using 2 divs, outer with overflow: hidden. This allows me to resize the sprite, but also use transparent png's and the like. It would be great to be able to animate a resize, but of course since I need to sync animations of 2 separate elements, it sometimes goes out and looks odd. Essentially the problem is not too difficult to Jorn's.
I'll try out the Synced Animation for now .. On Feb 15, 2:50 pm, Jörn Zaefferer <[email protected]> wrote: > I extraced your mockup and tried to apply it the to the > accordion:http://jqueryjs.googlecode.com/svn/trunk/plugins/sync-animations/sync... > It doesn't look like the mockup helps at all with the specific > accordion animation problems. I'd appreciate help getting that to work > for now (see alsohttp://dev.jqueryui.com/ticket/4011), we can get to > general synced animations later... > > Jörn > > On Thu, Feb 5, 2009 at 11:57 PM, John Resig <[email protected]> wrote: > > > Running to dinner, but just mocked up an implementation: > >http://ejohn.org/files/sync/ > > > Click the red box for a demo. > > > --John > > > On Thu, Feb 5, 2009 at 4:29 PM, Jörn Zaefferer > > <[email protected]> wrote: > > >> I'd like to get some help solving a common animation problem: > >> Animating two elements at once, like sliding up one element, while > >> sliding down another at the same time. > > >> I've created a testpage that shows the standard solution that jQuery > >> promotes, supposedly with improved support since 1.3: > >>http://jquery.bassistance.de/sync-animations/slideUpDown.html > > >> Fixed in FF: Pretty good, but too much flicker of the bottom edge and > >> therefor content below > >> Fixed in IE6: Similar to FF, though even more flicker > >> Variable in FF: Ugly, there is a big jump at the end, when the real > >> height snaps in, due to the hidden height being calculated wrong > >> Variable in IE6: Surprisingly better than FF, still an ugly jump at the end > > >> The jQuery UI accordion puts a lot of effort into providing a better > >> animation, with mixed results. I wouldn't be posting this if we had a > >> perfect animation. A simplified testcase: > >>http://jquery.bassistance.de/sync-animations/accordion.html > > >> Fixed in FF: Bottom edge stable, content below flickers a little bit, > >> nearly perfect > >> Fixed in IE6: Ugly jumps at start and end > >> Variable in FF: Pretty much perfect, content below moves anyway > >> Variable in IE6: A small initial jump on the first animation, pretty > >> much perfect otherwise > > >> While it would be nice to get the current accordion solution into > >> jQuery (once it actually works and hopefully somewhat simplified), the > >> current priority is to get the accordion working. > > >> I've commited the test files in case someone wants to do a checkout or > >> fix > >> something:http://jqueryjs.googlecode.com/svn/trunk/plugins/sync-animations/ > > >> Feel free to contact me via Jabber (this address) to discuss any > >> details outside the list. Your help is welcome! > > >> Regards > >> Jörn --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery Development" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en -~----------~----~----~----~------~----~------~--~---
