3

Or is this the best it's going to get? I've attempted using script.aculo.us but the fade in and animation of the first image still is choppy. I've tested in Google Chrome, Safari, and the iPad 1 (veryyy choppy on the iPad 1). The other elements fade in alright but the first image fadeTo and animate is pretty unacceptable. Perhaps it's because the divs it moves over are just hidden?

Here's a jsFiddle I've made http://jsfiddle.net/RgkFc/

and here's the page http://www.dillon.me/sites/benproudfoot/v1/

Any assistance would be greatly appreciated! Thanks!

DillonB
  • 179
  • 1
  • 3
  • 12
  • 1
    It works fine for me, just tried in latest FF and Chrome. – elclanrs Feb 25 '12 at 02:32
  • 1
    It's pretty smooth for me on my desktop using Chrome 17. – Ben Lee Feb 25 '12 at 02:33
  • Thanks for the responses. It is rather odd - sometimes it looks okay on my end and sometimes looks pretty poor or one bit of choppiness as it moves to the top. I suppose it's as good as it gets. – DillonB Feb 25 '12 at 06:18
  • Just to add in case anyone needs help - I was able to smooth out the animate jquery function by delaying it past the fadeTo function. I believe that having two functions running at once is much more taxing. Looks pretty great now - www.benproudfoot.com - if anyone wants to check. – DillonB Feb 29 '12 at 01:37

2 Answers2

3

The reason why it's very choppy on the iPad (same goes for other iDevices) because jQuery doesn't use the transition hardware, known as transition3d, there is a plugin that support the animations to run the supported transitions here.

Instead you could do it the native way in CSS3, more info:.

Community
  • 1
  • 1
MacMac
  • 34,294
  • 55
  • 151
  • 222
0

I know this is an old thread, but I am also having issues with firefox, I got better results when I removed, CSS tags on the images that were being animated. Note- this wasn't an issue in Chrome