AS3 til visning af før/efter billeder...

By ockley on Sat, 03/26/2011 - 01:28
Forums: 
Flash

Fra CH

 

Hej
En ny bøn! :)
Jeg kunne godt tænke mig at vise mine billeder som de så ud før retouch arbejdet.
Som du kan se i vedhæftet, har jeg en tekst der hedder "se før"
Når musen føres over på denne tekst vil jeg gerne at "foto1_foer.jpg" popper frem og selvfølgelig forsvinder igen, når musen flyttes.
Jeg ved ikke hvordan det skal gøres når jeg gerne vil have den funktion til at virke på alle billederne-kan du hjælpe?

Attachment: 
test1.zip

ockley - Sat, 03/26/2011 - 01:30

Fra Aalandriel

 

Jeg tog et kig på det. Hvis det skal være rigtigt god skal du lave en seperat Class / event der håndterer både load og unload af billeder, både før og efter billederne.

Men bare med udgangspunkt i det du har nu kan du modificere den oprindelige kode, det bliver ikke en pæn løsning og den bliver ikke sjov at opdatere, men du kan nøjes med 2 funktioner og 2 eventhandlers til at styre før og efter billederne.

teksten se før er ændret konverteret til en knap (kan også være et movieclip) med instance navn: seeBefore_btn

følgende kode sørger for load og unload:

var imageLoaded:String;
var imageUnload:String;
seeBefore_btn.addEventListener(MouseEvent.MOUSE_OVER, seeBefore);
function seeBefore(e:MouseEvent):void{
largeImageLoader.source = imageLoaded;
}
seeBefore_btn.addEventListener(MouseEvent.MOUSE_OUT, clearSeeBefore);
function clearSeeBefore(e:MouseEvent):void {
largeImageLoader.source = imageUnload;
}

I alle dine eksisterende knapper skal du ligge følgende linjer ind:

imageLoaded = "fotos/foto1_foer.jpg";
imageUnload = String(largeImageLoader.source);

Som sagt det er en grim grim løsning, men det virker. Alternativet er at lave din egen event der kan håndtere at du sender variabler sammen med din event listener.