Bildergallerie unload bei Bildwechsel

[markus_rgbg]

Hallo liebe Community, beschäftige mich erst seit heute mit ActionScript und bin dabei ein Bildergallerie Tutorial umzubauen.

Es werden Thumbnails angezeigt, wenn man auf ein Thumbnail klickt öffnet sich die größere Ansicht. Ich will das Skript so umbauen das standardmäßig das 1. Bild angezeigt wird und wenn man auf ein anderes Thumbnail klickt das Bild wechselt.

Wie schaffe ich es, dass beim Bildwechsel das vorherige Bild entfernt wird. Bei mir werden die Bilder dann übereinander angezeigt.

Hier mein Quelltext:

var columns:Number;
var my_x:Number;
var my_y:Number;
var my_thumb_width:Number;
var my_thumb_height:Number;
var my_images:XMLList;
var my_total:Number;
var container_mc:MovieClip;
var myXMLLoader:URLLoader = new URLLoader();
myXMLLoader.load(new URLRequest("gallery.xml"));
myXMLLoader.addEventListener(Event.COMPLETE, processXML);

function processXML (e:Event):void{
	var myXML:XML = new XML(e.target.data);
	columns = myXML.@COLUMNS;
	my_x = myXML.@XPOSITION;
	my_y = myXML.@YPOSITION;
	my_thumb_width = myXML.@WIDTH;
	my_thumb_height = myXML.@HEIGHT;
	my_images = myXML.IMAGE;
	my_total = my_images.length();
	createContainer();
	callThumbs();
}

function createContainer():void{
	container_mc = new MovieClip();
	container_mc.x = my_x;
	addChild(container_mc)
	container_mc.addEventListener(MouseEvent.CLICK, callFull);
}

function callThumbs():void{
	for (var i:Number = 0; i < my_total; i++){
		var thumb_url = my_images[i].@THUMB;;
		var thumb_loader = new Loader();
		thumb_loader.load(new URLRequest(thumb_url));
		thumb_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, thumbLoaded);
		thumb_loader.name = i;
		thumb_loader.x = (my_thumb_width+10)*i;
		thumb_loader.y = 450;
	}
}

function thumbLoaded(e:Event):void{
	var my_thumb:Loader = Loader(e.target.loader);
	container_mc.addChild(my_thumb);
}

function callFull(e:MouseEvent):void {
var full_loader:Loader = new Loader();
var full_url = my_images[e.target.name].@FULL;
full_loader.load(new URLRequest(full_url));
full_loader.contentLoaderInfo.addEventListener(Event.INIT, fullLoaded);


}

function fullLoaded(e:Event):void{
var my_loader:Loader = Loader(e.target.loader);
addChild(my_loader);
my_loader.x = (stage.stageWidth - my_loader.width)/2;
my_loader.y = 25;
my_loader.addEventListener(MouseEvent.CLICK,removeFull);
}

function removeFull(e:MouseEvent):void{
var my_loader_remove:Loader = Loader (e.currentTarget);
my_loader_remove.unload();
removeChild(my_loader_remove);

container_mc.addEventListener(MouseEvent.CLICK, callFull);

}

Und die XML-Datei:

<?xml version="1.0" encoding="utf-8"?>
<GALLERY COLUMNS="5" XPOSITION="30" YPOSITION="30" WIDTH="100" HEIGHT="100">
<IMAGE FULL="full_images/full1.jpg" THUMB="thumbs/thumb1.jpg" />
<IMAGE FULL="full_images/full2.jpg" THUMB="thumbs/thumb2.jpg" />
<IMAGE FULL="full_images/full3.jpg" THUMB="thumbs/thumb3.jpg" />
<IMAGE FULL="full_images/full1.jpg" THUMB="thumbs/thumb1.jpg" />
<IMAGE FULL="full_images/full2.jpg" THUMB="thumbs/thumb2.jpg" />
<IMAGE FULL="full_images/full3.jpg" THUMB="thumbs/thumb3.jpg" />
<IMAGE FULL="full_images/full1.jpg" THUMB="thumbs/thumb1.jpg" />
<IMAGE FULL="full_images/full2.jpg" THUMB="thumbs/thumb2.jpg" />
<IMAGE FULL="full_images/full3.jpg" THUMB="thumbs/thumb3.jpg" />
<IMAGE FULL="full_images/full1.jpg" THUMB="thumbs/thumb1.jpg" />
<IMAGE FULL="full_images/full2.jpg" THUMB="thumbs/thumb2.jpg" />
<IMAGE FULL="full_images/full3.jpg" THUMB="thumbs/thumb3.jpg" />
<IMAGE FULL="full_images/full1.jpg" THUMB="thumbs/thumb1.jpg" />
<IMAGE FULL="full_images/full2.jpg" THUMB="thumbs/thumb2.jpg" />
</GALLERY>

Vielen dank schonmal für eure Hilfe

Markus

[rady]

Hi,

speicher einfach das geladene Bild in einer Variable ab und wenn dann auf ein anderes Thumbnail geklickt wird, entfernt du das Bild.

var currentLoader:Loader;
 
 
function fullLoaded(e:Event):void{
//überprüfe ob ein Bild bereits geladen ist, wenn ja dann lösche es, wenn nicht, dann mach nix
if(currentLoader) removeChild = currentLoader;
var my_loader:Loader = Loader(e.target.loader);
addChild(my_loader);
my_loader.x = (stage.stageWidth - my_loader.width)/2;
my_loader.y = 25;
my_loader.addEventListener(MouseEvent.CLICK,removeFull);
 
//speicher das geladene Bild ab
currentLoader = my_loader;
} 

[markus_rgbg]

Danke für die schnelle Antwort. Hat natürlich super funktioniert

[rady]

Ich sehe gerade in meinen Code, dass ich Blödsinn geschrieben habe.

//falsch
if(currentLoader) removeChild = currentLoader;
 
//richtig
if(currentLoader) removeChild(currentLoader); 

wie ich auf sowas komme.....

[markus_rgbg]

das hab ich selber noch geschafft trotzdem danke!