Steve, these look nice.

I should probably start a new thread, but this example you have provided is
an excellent jumping-off point for me to ask a question that is driving me
nuts right now with jquery.

You have a whole lot of content animating at one time and it runs fairly
smoothly.

I have 4 absolutely-positioned divs that I want to move into place when the
page loads. I initially had this done using prototype and the very slick
event-selectors.js from Justin Palmer
(http://encytemedia.com/event-selectors)

This worked very well, ran smoothly in IE and FF on a PC (Hadn't tested on a
mac yet).

I rebuilt it from a scriptaculous version I tried initially to lessen my
code - the scriptaculous version also worked extremely well.

I love the idea of jQuery, and when I initially tried to animate one of the
4 divs, it looked as though it was going to work very well. I added the
second animated div, then the third and noticed some slowness in FF. By the
time I added a fourth div, it was so choppy and inconsistent in FF that I
can't use it.

Meanwhile, somewhat ironically, it runs VERY smoothly in IE. (figure that
out)

The tie-in to animation is that I started this process by using GSGD's
methods for easing:
http://gsgd.co.uk/sandbox/jquery.easing.php

but they absolutely died when I tried running them simultaneously. I think
GSGD ran into the same problem, because I found this line in his HTML:
<!-- <p> # Toggle all </p> -->
(commented out no doubt because of a dying processor)

Back to my problem. I have been as specific as I can on selecting the 4 divs
to optimize performance:

$(document).ready(function(){
  $("div#wrapper div.animated").animate({left:0,top:0},1000);
}

and without any additional easing or anything additional they are completely
choppy in FF.

I would LOVE to switch to jQuery for this project, it looks very well done,
but this single issue COULD be a deal-breaker if I end up including other
libraries just to get the effect I want.

If anyone has any ideas of how I could improve performance in FF for this, I
would appreciate it.

John
http://www.daharsh.net


John Resig wrote:
> 
>> I did some work in this area, too. If it's useful, it's BSD-ed.
>> http://mrclay.org/js/transition/
> 
> That is /awesome/. I just keep watching them slide in over-and-over
> again. I've gotta add this in now ;-)
> 
> --John
> 
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/animate%28%29-support-for-custom-tween-easing-%27formulas%27-tf2169895.html#a6412179
Sent from the JQuery mailing list archive at Nabble.com.


_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/

Reply via email to