Avatar billede eikhorsholm Nybegynder
27. juni 2007 - 21:26 Der er 1 kommentar

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!!!???
Avatar billede eikhorsholm Nybegynder
27. juni 2007 - 23:08 #1
En .fla-fil med mit eksempel kan hentes her:
http://peecee.dk/uploads/0607/slideshow.fla.zip
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester