my first jquery action... animating an image then removing it from dom
hi guys,
i am animating an image on a path, after this is done i want it to be removed from dom (currently every time a new element is added and finally the browser locks up due... guess - hehe)
- b1 = $('<img>').attr({'src':images[ Math.floor(Math.random()*3)]});
-
- pointer = $('<div>').append(b1);
-
- $(document.body).append(pointer);
- pointer.css({'position':'absolute'}).animate({path : new DiverBubbles(currentDiver)},2000, "linear", pointer.remove());
so what i tried was:
create the image line 1
create a div and put the image in there line 3
add the div with image to the documents body line 5
animate the div on a path (diverbubbles) for 2 seconds and finally (callback function?!) remove the div again...
sounds good, but does not remove.
first iteration: 10 bubbles, second iteration 20 bubbles etc...
you can find the full code here:
http://luke2000.lu.funpic.de/
i hope someone can help me with solving this problem
thanks in advance!
bullet