What if I want to do something like this but not exactly the same... ;-)
Scenario:
a) Collection of Objects created by means of new Element inserted into page
b) Want to animate how they appear one by one with some kind of
overlapping in time (1st object starts, 2da a bit later, 3rd a bit
later-er, etc...)
c) since the objects are dynamic I dont control how many of them are created
My guess was this:
elements.each(function(item, index) {
var time = (index + 1) * 70;
item.set('morph', {duration: time});
item.morph({'margin-top': 0, opacity: 1});
});
BUT, they will start ok, but the last objects get shown PRETTY slowly...
Well.. what I want is to show them all at the same speed, BUT they
have to start every 200ms or so...
Any ideas???
Thanks!!!!
@Rajeev J Sebastian
> ... or you can use my animation library ;)
Which is located.... where????