Mootools how to execute code on complete of a tween?

Question

I have this:

this.slides[this.slideIndex].set('tween', {duration: '3000'});
this.slides[this.slideIndex].tween('opacity', '1');

how can i for example show an alert message after the effect has completed?

Answer 1

you can use

this.slides[this.slideIndex].set('tween', 
{
 duration: '3000',
 onComplete: function() {alert('msg');}
}

);

Answer 2

You must use the Chain feature.

this.slides[this.slideIndex].tween('opacity', '1');
this.slides[this.slideIndex].get('tween').chain(function() {

    alert('Done...');

});

With chain() method you can chain the execution of any number of functions. See here: http://mootools.net/docs/core/Class/Class.Extras