XML galleri

6: der er tilsyneladende et uendeligt loop. Siden bliver meget langsom med tiden.

1: Ovenstående er IKKE et loop - det er jo kun en enkelt funktion til at returnere position for et enkelt movieclip. Kan du ikke skrive hele loopet? (og jeg har ikke flash mx, så jeg kan ikke downloade din source)

6: Hvor mange gange loader du din XML ind? Jeg har en mistanke om, at det sker mere end én gang - derfor fylder du din computers hukommelse op og sløver applikationen...

Ang. 6, så har jeg fundet ud af det. "nuvaerendeKasse++" var havnet på den forkerte side af en if-sætning, så den blev ved med at tælle op.

Her er koden. Det er ved rollOver/rollOut/onRelease problemerne er:

//
// billedeHolder
createEmptyMovieClip("billedeHolder", 1);
with (billedeHolder) {
    _x = 0;
    _y = 0;
}
//
// thumbHolder
createEmptyMovieClip("thumbHolder", 2);
with (thumbHolder) {
    _x = 300;
    _y = 375;
}
//
// billedeTekst
createTextField("billedeTekst", 5, 0, 360, 0, 0);
with (billedeTekst) {
    variable = "billedeTekst";
    selectable = false;
    autoSize = true;
    embedFonts = true;
    minTekstFormat = new TextFormat();
    minTekstFormat.font = "standard";
    minTekstFormat.size = 8;
    minTekstFormat.color = 0x666666;
    setNewTextFormat(minTekstFormat);
}
//
// antalTekst
createTextField("antalTekst", 6, 100, 360, 0, 0);
with (antalTekst) {
    variable = "antalTekst";
    selectable = false;
    autoSize = true;
    embedFonts = true;
    minTekstFormat = new TextFormat();
    minTekstFormat.font = "standard";
    minTekstFormat.size = 8;
    minTekstFormat.color = 0x666666;
    setNewTextFormat(minTekstFormat);
}
billederXml = new XML();
billederXml.onLoad = startGalleri;
billederXml.load("billeder.xml");
billederXml.ignoreWhite = true;
//
//     Vis det første billede og start variablerne
function startGalleri(success) {
    if (success == true) {
        rootNode = billederXml.firstChild;
        foersteImageNode = rootNode.firstChild;
        nuvaerendeBilledeNode = foersteImageNode;
        // nuværende billede
        nuvaerendeBillede = 1;
        nuvaerendeThumb = 1;
        // antal billeder
        antalBilleder = rootNode.childNodes.length;
        // vis første childNode (første billede og tekst fil)        
        opdaterBillede(foersteImageNode);
        opdaterThumbnail(foersteImageNode);
    }
}
//
// thumnails
nyLinie = 6;
nuvaerendeKasse = 1;
thumbnails = function () {
    if (nuvaerendeKasse<9) {
        if (nuvaerendeKasse>=nyLinie) {
            xpos = (nuvaerendeKasse-nyLinie)*20;
            ypos = 420;
        } else {
            xpos = nuvaerendeKasse*20-20;
            ypos = 400;
        }
        clip = _root.createEmptyMovieClip("thumb"+nuvaerendeKasse, 10+nuvaerendeKasse);
        // den nuværende x position
        clip._x = xpos;
        // den nuværende y position
        clip._y = ypos;
        clip.onEnterFrame = function() {
            this.lineStyle(1, 0xbebebe, 100);
            this.beginFill(0xffffff, 100);
            this.moveTo(0, 0);
            this.lineTo(15, 0);
            this.lineTo(15, 15);
            this.lineTo(0, 15);
            this.endFill(0, 0);
        };
        clip.onRollOver = function() {
            // load thumb ind ind thumbHolder
        };
        clip.onRollOut = function() {
            // tøm thumbHolder
        };
        clip.onRelease = function() {
            // loadet billede ind i billedeHolder
        };
        nuvaerendeKasse++;
    }
};
setInterval(thumbnails, 150);
//
//     opdaterer det nuværende billede med nyt billede og tekst
function opdaterBillede(nyBilledeNode) {
    //     stien til billedet       
    jpgUrl = nyBilledeNode.attributes.jpgURL;
    //     load billedet ind i billedeHolder
    billedeHolder.loadMovie(jpgUrl);
    //     teksten til billedet    
    billedeTekst = nyBilledeNode.firstChild.nodeValue;
    // antal billeder tekst
    antalTekst = nuvaerendeBillede+" af "+antalBilleder;
}
//
// opdater thumbnail
function opdaterThumbnail(nyThumbNode) {
    // stien til thumbnailen
    thumbUrl = nyThumbNode.attributes.thumbURL;
    // load thumbnailen ind i thumbHolder
    thumbHolder.loadMovie(thumbUrl);
}

Er følgende ikke ret dumt:

clip.onEnterFrame = function() {
            this.lineStyle(1, 0xbebebe, 100);
            this.beginFill(0xffffff, 100);
            this.moveTo(0, 0);
            this.lineTo(15, 0);
            this.lineTo(15, 15);
            this.lineTo(0, 15);
            this.endFill(0, 0);
        };

Kan du se det?

På hver evig eneste enterFrame tegner den figuren igen... Det virker som spild af tid eller hvad?

Og du sletter jo heller ikke dit interval, så den bliver ved med at kalde funktionen uden at gøre noget... Du kan jo bare slette det, når den ikke skal lave mere...

Nu har jeg fjernet clip.onEnterFrame funktionen. Du havde ret i at den var ret dum, da det jo virker fint uden.
Jeg har også lavet en clearInterval, så den ikke bliver ved med at kalde mit interval.

Hvordan kan jeg så identificerer de enkelte movieclips (thumbnails)? Ved rollOver på et bestemt movieclip (f.eks thumb5) skal der jo loades et billede med tilsvarende nummer (pics/div05.jpg).

nyLinie = 6;
nuvaerendeKasse = 1;
thumbnails = function () {
    if (nuvaerendeKasse<9) {
        if (nuvaerendeKasse>=nyLinie) {
            xpos = (nuvaerendeKasse-nyLinie)*20;
            ypos = 420;
        } else {
            xpos = nuvaerendeKasse*20-20;
            ypos = 400;
        }
        clip = _root.createEmptyMovieClip("thumb"+nuvaerendeKasse, 10+nuvaerendeKasse);
        // den nuværende x position
        clip._x = xpos;
        // den nuværende y position
        clip._y = ypos;
        // tegn firkanten
        clip.lineStyle(1, 0xbebebe, 100);
        clip.beginFill(0xffffff, 100);
        clip.moveTo(0, 0);
        clip.lineTo(15, 0);
        clip.lineTo(15, 15);
        clip.lineTo(0, 15);
        clip.endFill(0, 0);
        //
        clip.onRollOver = function() {
            // load thumb ind ind thumbHolder
            if (rootNode.childNodes[du+1] == null) {
                break;
            } else {
                naesteThumbNode = nuvaerendeThumbNode.nextSibling;
                opdaterThumbnail(naesteThumbNode);
                nuvaerendeThumbNode = naesteThumbNode;
            }
        };
        clip.onRollOut = function() {
            // tøm thumbHolder
            // check om det loadede billede er det samme som gamleThumb, hvis det er load gamleThumb
        };
        clip.onRelease = function() {
            // loadet billede ind i billedeHolder
            if (naesteBilledeNode>antalBilleder) {
                break;
            } else {
                naesteBilledeNode = nuvaerendeBilledeNode.nextSibling;
                nuvaerendeBillede++;
                opdaterBillede(naesteBilledeNode);
                nuvaerendeBilledeNode = naesteBilledeNode;
            }
        };
        nuvaerendeKasse++;
    } else {
        clearInterval(intervalId);
    }
};
intervalId = setInterval(thumbnails, 150);

whoops sådan her:

nyLinie = 6;
nuvaerendeKasse = 1;
thumbnails = function () {
    if (nuvaerendeKasse<9) {
        if (nuvaerendeKasse>=nyLinie) {
            xpos = (nuvaerendeKasse-nyLinie)*20;
            ypos = 420;
        } else {
            xpos = nuvaerendeKasse*20-20;
            ypos = 400;
        }
        clip = _root.createEmptyMovieClip("thumb"+nuvaerendeKasse, 10+nuvaerendeKasse);
        // den nuværende x position
        clip._x = xpos;
        // den nuværende y position
        clip._y = ypos;
        // tegn firkanten
        clip.lineStyle(1, 0xbebebe, 100);
        clip.beginFill(0xffffff, 100);
        clip.moveTo(0, 0);
        clip.lineTo(15, 0);
        clip.lineTo(15, 15);
        clip.lineTo(0, 15);
        clip.endFill(0, 0);
        //
        clip.onRollOver = function() {
            // load thumb ind ind thumbHolder
        };
        clip.onRollOut = function() {
            // tøm thumbHolder
        };
        clip.onRelease = function() {
            // loadet billede ind i billedeHolder
        };
        nuvaerendeKasse++;
    } else {
        clearInterval(intervalId);
    }
};
intervalId = setInterval(thumbnails, 150);

Ikke noget alligevel, fandt selv ud af det.

_root["thumb"+nuvaerendeKasse].nummer = nuvaerendeKasse;

lukker