Optimer kode.
Jeg er i gang med, at lave et slideshow som på http://www.alternativ.be/ (introen).Til det har jeg en række billeder og fire bokse (en med alpha 100 og tre andre med alpha 50).
Den med alpha 100 ligger øverst og de andre nedenunder (de hedder Fader0, Fader1, Fader2, Fader3).
Det kode jeg indtil videre er kommet frem til er:
----------
faderOut = function () {
clearInterval(setIntervalFaderOut);
Fader0._x = 0;
Fader1._x = 0;
Fader2._x = 0;
Fader3._x = 0;
tweenOut0 = new Tween(Fader0, "_width", Strong.easeOut, 450, 0, 0.5, true);
tweenOut0.onMotionFinished = function() {
tweenOut1 = new Tween(Fader1, "_width", Strong.easeOut, 450, 0, 0.5, true);
tweenOut1.onMotionFinished = function() {
tweenOut2 = new Tween(Fader2, "_width", Strong.easeOut, 450, 0, 0.5, true);
tweenOut2.onMotionFinished = function() {
tweenOut3 = new Tween(Fader3, "_width", Strong.easeOut, 450, 0, 0.5, true);
tweenOut3.onMotionFinished = function() {
setIntervalFaderIn = setInterval(faderIn, 5000);
};
};
};
};
};
faderIn = function () {
clearInterval(setIntervalFaderIn);
Fader0._x = 0;
Fader1._x = 0;
Fader2._x = 0;
Fader3._x = 0;
tweenIn3 = new Tween(Fader3, "_width", Strong.easeOut, 0, 450, 0.5, true);
tweenIn3.onMotionFinished = function() {
tweenIn2 = new Tween(Fader2, "_width", Strong.easeOut, 0, 450, 0.5, true);
tweenIn2.onMotionFinished = function() {
tweenIn1 = new Tween(Fader1, "_width", Strong.easeOut, 0, 450, 0.5, true);
tweenIn1.onMotionFinished = function() {
tweenIn0 = new Tween(Fader0, "_width", Strong.easeOut, 0, 450, 0.5, true);
tweenIn0.onMotionFinished = function() {
setIntervalFaderOut = setInterval(faderOut, 500);
};
};
};
};
};
faderOut();
----------
Jeg havde så tænkt mig, at i tweenIn0.onMotionFinished = function() skifter jeg billede.
Koden ovenover burde vel kunne optimeres meget?
Og jeg kunne godt tænkte mig i stedet for onMotionFinished at de næste tweens begyndte imens de andre var igang og ikke først når de var færdige. Som på det første link jeg skrev.
Er der nogen som gider hjælpe!!!???
