[jQuery] Złożona animacja - podczas jednej, dwie inne, złudzenie lecącej piłki Opcje

[Apocalyptiq]

Chcę uzyskać taką animację: piłka (img) z pewnego punktu ma przelecieć do drugiego punktu (mam współrzędne drugiego punktu). To mi działa:

Kod

$('#ball').animate({left:position.left,top:position.top},2000);

(position to pobrany wcześniej offset elementu, do którego piłka ma polecieć).
A jak dodać teraz złudzenie, że piłka leci do góry, a później na doł - zrobiłbym to tak, że przez połowe czasu lotu piłka zwiększa swój rozmiar, a przez drugą połowę - zmniejsza do wartości początkowej. Tylko jak to napisać?
Od strony technicznej ma to wyglądać tak:
- piłka przez 2 sekundy leci z miejsca, w którym aktualnie się znajduje, na wskazany element
- przez pierwszą sekundę powiększa się o np. 2px (ma wymiary 8px na 8px)
- przez drugą sekundę zmniejsza się do wielkości początkowej

Będę bardzo wdzięczny za wskazówki (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował Apocalyptiq 7.12.2008, 18:19:27

[ziqzaq]

Witam.
Chcesz "animate" ok.
W sumie mamy dwie animacje - piłka się zwiększa i zmniejsza - tak? A więc np.:

Kod

var o = $('#mojeid');
o.animate(opcje...).animate(opcje...);

Przeczytaj sobie "animate( params, options )" na samym dole strony jQuery animate.
Zwróć uwagę na zakładki "options" i opcję "easing", i "examples".

Błąd (chyba):

Kod

width:"+=5",height:"+=5"

co konstrukcja "+=" ma robić w tym stringu?

Edit: literówka

Ten post edytował ziqzaq 12.12.2008, 13:47:33