[jQuery] animacja w chrome, firefox oraz IE, Wydajność animacji w przeglądarkach Opcje

[blady101]

Witam

Animuję 5 obiektów (3 x div, 2 x img) każdemu zmieniam tylko szerokość i wysokość. W Chrome działa perfekcyjnie. W Firefox 9 już gorzej, a w Internet Explorerze 8 szkoda słów. Potworne lagi.

Da się to jakoś zoptymalizować? Wiem, że 5 animacji to sporo, ale powiększam tylko rozmiary. Skalowanie dwóch obrazków jest tak kosztowne? Może słyszał ktoś o jakichś sposobach optymalizacji. Kod:

CODE

<div class="line">

<div><table><tr><td>
<img src="dsf.png"/>
</td></tr></table></div>

<div><table><tr><td>
<img src="dsf.png"/>
</td></tr></table></div>

</div>

Skaluję wszystkie trzy divy i oba obrazki.

Dodam, że zależy mi najbardziej na tym, by na firefoxie działało lepiej. I jeszcze Opera, animacje ma ok, ale jeszcze animuję główny suwak strony, i już działa skokowo. Skąd takie ustrojstwo?

Ten post edytował blady101 29.12.2011, 23:16:36

[wookieb]

A jakiej wersji jquery używasz?
Poza tym spróbuj http://microjs.com/#jsanimation
O ile dobrze pamiętam to jquery nie wspiera requestAnimationFrame więc animacje nie zawsze będą płynne...
Poza tym jakbyś wystawił to na jsfiddle aby można było potestować byłoby fajnie

Powód edycji: [wookieb]: