# Rapid clicking - problem with the gallery

**URL:** <https://forum.kirupa.com/t/rapid-clicking-problem-with-the-gallery/326819>\
**Category:** Uncategorized\
**Created:** [January 14, 2012, 7:49pm UTC](https://forum.kirupa.com/t/rapid-clicking-problem-with-the-gallery/326819 "2012-01-14T19:49:41Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![McGrave](https://avatars.discourse-cdn.com/v4/letter/m/aca169/32.png) [@McGrave](https://forum.kirupa.com/u/McGrave)\
**Post date:** [January 14, 2012, 7:49pm UTC](https://forum.kirupa.com/t/rapid-clicking-problem-with-the-gallery/326819/1 "2012-01-14T19:49:41Z")

</div>

Can someone tell me why rapid clicking (moving to another part of the gallery) makes the loader loads the wrong picture?  
Here is a simple example:

```auto

var req:URLRequest=new URLRequest("gallery.xml");
var xmlLoader:URLLoader=new URLLoader(req);
xmlLoader.addEventListener(Event.COMPLETE, xmlComplete);
var myXML:XML;
var urlArray:Vector.<String> = new Vector.<String>();
var i:int;
var page:int;
var xmlIndex:int;
var wallIndex:int;
var loader:Loader = new Loader();
 
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, picComplete);
function xmlComplete(e:Event):void {
    myXML=XML(xmlLoader.data);
    for (i=0; i<myXML.children().length(); i++) {
        urlArray*=myXML.@objPath+myXML.child(i).@objUrl;
        trace(urlArray*);
    }
    req.url=urlArray[0];
    loader.load(req);
}
 
function picComplete(e:Event):void {
    if (wallIndex<4) {
        var image:Bitmap=new Bitmap(e.target.content.bitmapData);
        container.addChild(image);
        image.y=wallIndex*80;
        wallIndex++;
        xmlIndex++;
        req.url=urlArray[xmlIndex];
        loader.load(req);
    } else {
        wallIndex=0;
    }
}
 
l.addEventListener(MouseEvent.CLICK, goL, false, 1);
r.addEventListener(MouseEvent.CLICK, goR, false, 1);
 
function goL(e:Event):void {
    if (page-1>=0) {
        wallIndex=0;
        while (container.numChildren) {
            container.removeChildAt(0);
        }
        page-=1;
        xmlIndex=page*4;
        req.url=urlArray[xmlIndex];
        loader.load(req);
    }
}
 
function goR(e:Event) {
    if (page+1<5) {
        wallIndex=0;
        while (container.numChildren) {
            container.removeChildAt(0);
        }
        page+=1;
        xmlIndex=page*4;
        req.url=urlArray[xmlIndex];
        loader.load(req);
    }
}

```