Bildergalerie - Transparenz

starfox

Hallo liebes Forum,

ich bin gerade dabei eine Bilder Gallerie in AS3 zu erstellen.
Ich habe drei verschiedene Bilder, die übereinander liegen.
Wenn man auf das oberste Bild klickt, rückt dieses in den Hintergrund und das darunter wird sichtbar usw.
Das klappt auch.
Nun möchte ich allerdings, dass die Bilder, die jeweils hinter dem obersten liegen leicht transparent sind. Ich hab auch das hinbekommen, allerdings nur so:

Code

mask6_mc.01_mc.addEventListener(MouseEvent.MOUSE_DOWN, erstesBild);
mask6_mc.01_mc.buttonMode= true;


mask6_mc.02_mc.addEventListener(MouseEvent.MOUSE_DOWN, zweitesBild);
mask6_mc.02_mc.buttonMode= true;


mask6_mc.03_mc.addEventListener(MouseEvent.MOUSE_DOWN, drittesBild);
mask6_mc.03_mc.buttonMode= true;


mask6_mc.01_mc.alpha = 1;
mask6_mc.02_mc.alpha = .5;
mask6_mc.03_mc.alpha = .5;




function erstesBild(event: MouseEvent): void
{
	mask6_mc.01_mc.alpha = .5;
	mask6_mc.02_mc.alpha = 1;
	mask6_mc.03_mc.alpha = .5;
	mask6_mc.setChildIndex(event.target as MovieClip, numChildren-1);
}


function zweitesBild(event: MouseEvent): void
{
	mask6_mc.01_mc.alpha = .5;
	mask6_mc.02_mc.alpha = .5;
	mask6_mc.03_mc.alpha = 1;
	mask6_mc.setChildIndex(event.target as MovieClip, numChildren-1);
}


function drittesBild(event: MouseEvent): void
{
	mask6_mc.01_mc.alpha = 1;
	mask6_mc.02_mc.alpha = .5;
	mask6_mc.03_mc.alpha = .5;
	mask6_mc.setChildIndex(event.target as MovieClip, numChildren-1);
}

Alles anzeigen

Sehr unelegant.
Ich bin noch Anfänger was ActionScript angeht und würde mich freuen, wenn mir jemand helfen könnte, wie man sich diesen ganzen Doppelcode spart. Die Galerie soll ja auch nicht nur aus drei Bildern bestehen. :-/
Bitte helft mir!

Vielen Dank!!

Flexer

Ungetestet da im moment kein Flash zur Hand, sollte aber gehen:

PHP

mask6_mc.addEventListener(MouseEvent.CLICK, onClick);
mask6_mc.buttonMode= true;
function onClick(e:MouseEvent):void {
    if(e !== null) mask6_mc.setChildIndex(e.target as MovieClip ,mask6_mc.numChildren -1)
    for (var i:Number = 0; i< mask6_mc.numChildren; i++){
        if(i == mask6_mc.numChildren -1) MovieClip(mask6_mc.getChildAt(i)).alpha = 1;
        else  MovieClip(mask6_mc.getChildAt(i)).alpha =0.5;
    }
}
onClick(null);

MFG

starfox

Super, vielen lieben Dank!

Ich hab das gerade mal ausprobiert und funktioniert auch.
Das einzige Problem, was ich jetzt noch habe, ist dass die angeklickten Bilder mit dem neuen Code nicht in den Hintergrund verschoben werden.
Also die Bilder der Galerie sollen wie auf einem Stapel übereinanderliegen. Man sieht also immer nur das oberste Bild komplett und die dahinterliegenden nur zum Teil.
Das oberste Bild ist nicht transparent, die dahinter sind transparent. Beim Klicken auf das oberste Bild, wird dieses ans Ende des Stapels verschoben, transparent gemacht und das Bild darunter wird komplett sichtbar, ist also nicht mehr transparent usw..
Ich hoffe, dass ist so verständlich.

Jetzt ist es so, dass ich immer das Bild anklicken muss, welches ich in den Vordergrund holen möchte.
Ich habe schon ein bisschen herumexperimentiert, aber komme leider auf keine richtige Lösung.

Vielen Dank nochmal für die schnelle Hilfe

Flexer

Meinst du so?
Wieder nicht getestet aber es sollte gehen^^

PHP

mask6_mc.addEventListener(MouseEvent.CLICK, onClick);
mask6_mc.buttonMode= true;
function onClick(e:MouseEvent):void {
    if (e !== null) {
        if(mask6_mc.getChildIndex(e.target as MovieClip) == mask6_mc.numChildren -1)
            mask6_mc.setChildIndex(e.target as MovieClip ,0)
    }
     for (var i:Number = 0; i< mask6_mc.numChildren; i++){
        if(i == mask6_mc.numChildren -1) 
            MovieClip(mask6_mc.getChildAt(i)).alpha = 1;
        else  
            MovieClip(mask6_mc.getChildAt(i)).alpha =0.5;
    }
}
onClick(null);

Alles anzeigen

MFG
flexer

starfox

Ja klasse! Genau das was ich wollte!

Vielen Dank!!

Tags