# Loading JPG's

**URL:** <https://forum.kirupa.com/t/loading-jpgs/303418>\
**Category:** flash\
**Created:** [January 20, 2010, 3:05am UTC](https://forum.kirupa.com/t/loading-jpgs/303418 "2010-01-20T03:05:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![lsnewton](https://avatars.discourse-cdn.com/v4/letter/l/a4c791/32.png) [@lsnewton](https://forum.kirupa.com/u/lsnewton)\
**Post date:** [January 20, 2010, 3:05am UTC](https://forum.kirupa.com/t/loading-jpgs/303418/1 "2010-01-20T03:05:25Z")

</div>

I have a swf with 5 buttons (the number of buttons doesn’t matter).

Each button calls pictLoader to load a jpg and the percentTxt to show the percentage. Everything runs perfectly if I wait each jpg to load completely before clicking other buttons.

But clicking another button to perform a second load by the same Loader before the first one is complete, doesn’t kill this first load. The swf finally shows the right jpg ( the second one ) but the download runs slowly because it is downloading both jpgs.

How to solve this? How to kill the precedents calls?

Excuse me my english !

```auto

var pictLoader:Loader = new Loader();
pictLoader.y = 70;
addChild(pictLoader);

var percentTxt:TextField = new TextField();
percentTxt.autoSize = TextFieldAutoSize.LEFT;
percentTxt.y = 50;

var percent:Number;

for (var numBtn:uint = 0; numBtn < 5; numBtn++) {
	var btn_mc:mcBtn = new mcBtn ;
	btn_mc.name = numBtn.toString();
	btn_mc.x = (btn_mc.width + 10) * numBtn;
	btn_mc.addEventListener(MouseEvent.CLICK, loadPict);
	addChild(btn_mc);
}

function loadPict(event:MouseEvent):void {
	//removeChild(pictLoader);
	var numPict:String = event.currentTarget.name;
	pictLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgress);
	pictLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, done);
	pictLoader.load(new URLRequest("imag/" + numPict + ".jpg"));
	addChild(percentTxt);
}

function onProgress(event:ProgressEvent):void {
	percent = event.currentTarget.bytesLoaded / event.currentTarget.bytesTotal;
	percentTxt.text = Math.ceil(percent * 100).toString();
}

function done(event:Event):void {
	removeChild(percentTxt);
}

```

Here I click 3 buttons in sequence. As we can see, despite the Loader will show just one jpg ( the last call ) it is downloading 3 !!