hvordan er det lavet?

Kig evt. på det her komponent:

http://flashcomponents.net/component.cfm?nav=2&id=275

...og hvis det ikke er nok til dig, har jeg bikset et lille eksempel sammen til dig:

http://www.overdose.dk/eksperten/spm346717.html
http://www.overdose.dk/eksperten/spm346717.fla

Undskyld jeg spammer :

Hva` så dér Rasmus ? :o)

Har du fået job ? Eller er du på dagpenge ?

Thomas Saaby fra MDU-o1m

AKA

DGP

tak skal du have cellb10ck..
Jeg kigger på det i aften.. skal afsted ud og spille kamp nu :)

Hvis jeg vil loade et eksternt billed ind, hvad skal jeg så skrive i koden her?

knap3.onRelease = function() {
    resize(400, 300);
};

eller skal den stå et andet sted?

dgp> Hej Thomas! Nej, jeg er i samme situation som 99% af alle andre fra MDU :-( Hvad med dig?


mhnielsen>
Nej, det er ikke helt så let. Så bliver du også nødt til at lave en funktion der checker hvornår billedet er loaded ind, ellers kan man ikke kontrollere størrelsen af billedet. Så scriptet kommer til at se sådan her ud:


function loadBillede(jpg) {
    this.createEmptyMovieClip("preloader", 10);
    var mc = this.preloader;
    holder.loadMovie(jpg+".jpg");
    mc.onEnterFrame = function() {
        this.procent = Math.floor((holder.getBytesLoaded()/holder.getBytesTotal())*100);
        if (this.procent == 100) {
            resize(holder._width, holder._height);
            mc.removeMovieClip();
        }
    };
}
function resize(targetX, targetY) {
    if (Math.round(clip._width) != targetX || Math.round(clip._height == targetY)) {
        onEnterFrame = function () {
            diffX = kasse._width-targetX;
            diffY = kasse._height-targetY;
            kasse._width -= diffX*.4;
            kasse._height -= diffY*.4;
            if (Math.round(clip._width) == targetX && Math.round(clip._height == targetY)) {
                delete this.onEnterFrame;
            }
        };
    }
}
createEmptyMovieClip("holder", 1);
with (holder) {
    _x = 25;
    _y = 25;
}
createEmptyMovieClip("kasse", 20);
with (kasse) {
    beginFill(0xff9900, 50);
    moveTo(0, 0);
    lineTo(100, 0);
    lineTo(100, 100);
    lineTo(0, 100);
    endFill(0, 0);
    _x = 25;
    _y = 25;
}
createEmptyMovieClip("knap1", 30);
with (knap1) {
    beginFill(0xff0000, 100);
    moveTo(0, 0);
    lineTo(20, 0);
    lineTo(20, 20);
    lineTo(0, 20);
    endFill(0, 0);
    _x = 25;
    _y = 0;
}
createEmptyMovieClip("knap2", 35);
with (knap2) {
    beginFill(0xff0000, 100);
    moveTo(0, 0);
    lineTo(20, 0);
    lineTo(20, 20);
    lineTo(0, 20);
    endFill(0, 0);
    _x = 50;
    _y = 0;
}
createEmptyMovieClip("knap3", 40);
with (knap3) {
    beginFill(0xff0000, 100);
    moveTo(0, 0);
    lineTo(20, 0);
    lineTo(20, 20);
    lineTo(0, 20);
    endFill(0, 0);
    _x = 75;
    _y = 0;
}
knap1.onRelease = function() {
    loadBillede("pic01");
};
knap2.onRelease = function() {
    loadBillede("pic02");
};
knap3.onRelease = function() {
    loadBillede("pic03");
};



Du kan se og hente den nye version her:
http://www.overdose.dk/eksperten/spm346717.html
http://www.overdose.dk/eksperten/spm346717.fla

Jeg har prøvet at rode lidt med as, i den.. For jeg vil gerne have at baggrunds "kassen" er lidt større end billedet, hvis du forstår.. Ved bare ikke helt hvor jeg skal ændre det henne..

Det ændre du i loadBillede funktionen. Linien der hedder:

resize(holder._width, holder._height);

sætter kasse til at være samme størrelse som billedet. Hvis du ændre det til:

resize(holder._width+30, holder._height+30);

vil kasse være 30px større end billedet til højre og for neden. Hvis du så også ændre kasse x og y placering til 10 istedet for 25, er kassen nu 15 px større end billedet hele vejen rundt.



function loadBillede(jpg) {
    this.createEmptyMovieClip("preloader", 10);
    var mc = this.preloader;
    holder.loadMovie(jpg+".jpg");
    mc.onEnterFrame = function() {
        this.procent = Math.floor((holder.getBytesLoaded()/holder.getBytesTotal())*100);
        if (this.procent == 100) {
            resize(holder._width+30, holder._height+30);
            mc.removeMovieClip();
        }
    };
}
function resize(targetX, targetY) {
    if (Math.round(clip._width) != targetX || Math.round(clip._height == targetY)) {
        onEnterFrame = function () {
            diffX = kasse._width-targetX;
            diffY = kasse._height-targetY;
            kasse._width -= diffX*.4;
            kasse._height -= diffY*.4;
            if (Math.round(clip._width) == targetX && Math.round(clip._height == targetY)) {
                delete this.onEnterFrame;
            }
        };
    }
}
createEmptyMovieClip("holder", 1);
with (holder) {
    _x = 25;
    _y = 25;
}
createEmptyMovieClip("kasse", 20);
with (kasse) {
    beginFill(0xff9900, 50);
    moveTo(0, 0);
    lineTo(100, 0);
    lineTo(100, 100);
    lineTo(0, 100);
    endFill(0, 0);
    _x = 10;
    _y = 10;
}
createEmptyMovieClip("knap1", 30);
with (knap1) {
    beginFill(0xff0000, 100);
    moveTo(0, 0);
    lineTo(20, 0);
    lineTo(20, 20);
    lineTo(0, 20);
    endFill(0, 0);
    _x = 25;
    _y = 0;
}
createEmptyMovieClip("knap2", 35);
with (knap2) {
    beginFill(0xff0000, 100);
    moveTo(0, 0);
    lineTo(20, 0);
    lineTo(20, 20);
    lineTo(0, 20);
    endFill(0, 0);
    _x = 50;
    _y = 0;
}
createEmptyMovieClip("knap3", 40);
with (knap3) {
    beginFill(0xff0000, 100);
    moveTo(0, 0);
    lineTo(20, 0);
    lineTo(20, 20);
    lineTo(0, 20);
    endFill(0, 0);
    _x = 75;
    _y = 0;
}
knap1.onRelease = function() {
    loadBillede("pic01");
};
knap2.onRelease = function() {
    loadBillede("pic02");
};
knap3.onRelease = function() {
    loadBillede("pic03");
};

tak skal du have.. Du har vist fortjent de point, for lang tid siden :)
Jeg har bare lige det sidste spørgsmål.. Hvordan skifter jeg baggrunds billedet? altså kassen som følger billedet..

hehe.. jeg var ik helt kvik.. men jeg har fundet ud af det nu :)
Tak for hjælpen endnu engang..

Det var så lidt og tak for point!