javascript - Mootools wait with Fx.Morph start -
i trying var effect = new fx.morph(testmorph, {
wait/delay 2 seconds before starting.
(fiddle here)
but when try .wait(2000)
or .delay(2000)
, or .wait(2000, effect)
uncaught typeerror: object [object object] has no method 'delay'
any ideas how working?
code i'm using:
var testmorph = document.id('testmorph'); var effect = new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start({ 'top': 20, 'opacity': 1 }).start({ 'border-color': '#a80025', 'color': '#a80025' }); effect.delay(2000);
you can use combination of chain()
, delay()
achieve desired effect.
new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start().chain(function(){ this.start.delay(2000,effect,{ //first }); }).chain(function(){ this.start({ //second }); });
the chain()
adds effect @ end of current one. first effect start() empty effect, provide context our chain of events.
it chained delayed event, using start.delay()
method (delay()
property of function
).
this, in turn, chained other effect.
see here.
Comments
Post a Comment