# F8\] swf file behaving differently on web

**URL:** <https://forum.kirupa.com/t/f8-swf-file-behaving-differently-on-web/239493>\
**Category:** flash\
**Created:** [September 22, 2007, 1:02pm UTC](https://forum.kirupa.com/t/f8-swf-file-behaving-differently-on-web/239493 "2007-09-22T13:02:06Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jeromesky](https://avatars.discourse-cdn.com/v4/letter/j/db5fbb/32.png) [@jeromesky](https://forum.kirupa.com/u/jeromesky)\
**Post date:** [September 22, 2007, 1:02pm UTC](https://forum.kirupa.com/t/f8-swf-file-behaving-differently-on-web/239493/1 "2007-09-22T13:02:06Z")

</div>

Hi,

I was hoping I could get some help with this code for a thumbnail gallery, the data is loaded from an XML file, [http://www.julianbenjamin.co.uk/](http://www.julianbenjamin.co.uk/).

All the thumbnails are loading on the stage correctly and in the correct order when playing movie locally, but as soon as I try Simulate Download or view the movie from the web page the thumbnails lose there order.

can anyone help? here is the code and the FLA is attached

function loadXML(loaded) {  
if (loaded) {  
xmlNode = this.firstChild;  
image = [];  
itemname = [];  
description = [];  
thumbnails = [];

```
    total = xmlNode.childNodes.length;
    for (i=0; i&lt;total; i++) {
        image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
        itemname* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
        thumbnails* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
        description* = xmlNode.childNodes*.childNodes[3].firstChild.nodeValue;
        thumbnails_fn(i);
    }
    firstImage();
} else {
    content = "file not loaded!";
}

```

}  
xmlData = new XML();  
xmlData.ignoreWhite = true;  
xmlData.onLoad = loadXML;  
xmlData.load(“commercial.xml”);  
/////////////////////////////////////  
listen = new Object();  
listen.onKeyDown = function() {  
if (Key.getCode() == Key.LEFT) {  
prevImage();  
} else if (Key.getCode() == Key.RIGHT) {  
nextImage();  
}  
};  
Key.addListener(listen);  
previous\_btn.onRelease = function() {  
prevImage();  
};  
next\_btn.onRelease = function() {  
nextImage();  
};  
/////////////////////////////////////  
p = 0;  
disPos = 1;  
YPos = 0;  
XPos = 0;  
this.onEnterFrame = function() {  
filesize = picture.getBytesTotal();  
loaded = picture.getBytesLoaded();  
//preloader.\_visible = true;  
if (loaded != filesize) {  
preloader.preload\_bar.\_xscale = 100\*loaded/filesize;  
} else {  
preloader.\_visible = false;  
if (picture.\_alpha\<100) {  
picture.\_alpha += 10;  
}  
}  
};  
function nextImage() {  
if (p\<(total-1)) {  
p++;  
if (loaded == filesize) {  
preloader.\_visible = true;  
picture.\_alpha = 0;  
picture.loadMovie(image[p],1);  
name\_txt.text = itemname[p];  
desc\_txt.text = description[p];  
picture\_num();  
}  
}  
}  
function prevImage() {  
if (p\>0) {  
p–;  
picture.\_alpha = 0;  
picture.loadMovie(image[p],1);  
name\_txt.text = itemname[p];  
desc\_txt.text = description[p];  
picture\_num();  
}  
}  
function firstImage() {  
if (loaded == filesize) {  
picture.\_alpha = 0;  
picture.loadMovie(image[0],1);  
name\_txt.text = itemname[0];  
desc\_txt.text = description[0];  
picture\_num();  
}  
}  
function picture\_num() {  
current\_pos = p+1;  
pos\_txt.text = current\_pos+" / "+total;

}  
function thumbNailScroller() {  
// thumbnail code!  
this.createEmptyMovieClip(“tscroller”,1000);  
scroll\_speed = 10;  
tscroller.onEnterFrame = function() {  
if ((\_root.\_ymouse\>=thumbnail\_mc.\_y) && (\_root.\_ymouse\<=thumbnail\_mc.\_y+thumbnail\_mc.\_heig ht)) {  
if ((\_root.\_xmouse\>=(hit\_right.\_x-40)) && (thumbnail\_mc.hitTest(hit\_right))) {  
thumbnail\_mc.\_x -= scroll\_speed;  
} else if ((\_root.\_xmouse\<=(hit\_left.\_x+40)) && (thumbnail\_mc.hitTest(hit\_left))) {  
thumbnail\_mc._x += scroll\_speed;  
}  
} else {  
delete tscroller.onEnterFrame;  
}  
};  
}  
function thumbnails\_fn(k) {  
thumbnail\_mc.createEmptyMovieClip(“t”+k,thumbnail_ mc.getNextHighestDepth());  
tlistener = new Object();  
tlistener.onLoadInit = function(target\_mc) {

```
    target_mc._x = (target_mc._width+2)*disPos;

    target_mc.pictureValue = k;
    target_mc._alpha = 30;
    disPos++;
    //trace((target_mc._width+2)*disPos);
    //trace(k);
    target_mc.onRelease = function() {
        p = this.pictureValue-1;
        nextImage();
        preloader._visible = true;
    };
    target_mc.onRollOver = function() {
        this.onEnterFrame = function() {
            if (this._alpha&lt;100) {
                this._alpha += 10;
            } else {
                this._alpha = 100;
            }
        };
        thumbNailScroller();
        name_teaser.text = itemname[k];
    };
    target_mc.onRollOut = function() {
        this.onEnterFrame = function() {
            if (this._alpha&gt;30) {
                this._alpha -= 10;
            } else {
                this._alpha = 30;
            }
        };
        name_teaser.text = "";
    };
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k],"thumbnail_mc.t"+k);

```

}