Thumbnail Size and Order

programming flash
1

Hi,

I use kirupa’s xml gallery with thumbnails. I’m trying to do something but couldn’t manage yet.

What i am trying to do is different widths for thumbnails. I managed to do thumbnails with different widths(same height) but the order of them doesn’t match with the xml order.

here is my code.

target_mc._x = 5+prevx;
    prevx = target_mc._x+(target_mc._width+5);

If i do that at everytime the order of them changes. I couldn’t manage to solve it. Could anyone can help me please?

here is my whole code :


resxpro = Stage.width;
resypro = Stage.height;
stop();
import flash.filters.GlowFilter;
var color:Number = 0xFFFFFFFF;
var alpha:Number = 1;
var blurX:Number = 5;
var blurY:Number = 2.5;
var strength:Number = 1;
var quality:Number = 10;
var inner:Boolean = false;
var knockout:Boolean = false;
var pressed;
var thumb;
var delstyle;
var filter:GlowFilter = new GlowFilter (color, alpha, blurX, blurY, strength, quality, inner, knockout);
var filterArray:Array = new Array ();
filterArray.push (filter);
filterArray2.push (filter2);

function loadXML(loaded) {
    if (loaded) {
        xmlNode = this.firstChild;
        ProjectTitle = xmlNode.attributes.projecttitle;
        image = [];
        description = [];
        thumbnails = [];
        total = xmlNode.childNodes.length;
        title_txt.text = ProjectTitle;
        prevx=0;
        for (i=0; i<total; i++) {
            image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
            description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
            thumbnails* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
            thumbnails_fn(i);
        }
        firstImage();
    } else {
        content = "file not loaded!";
    }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("projects/"+projectname+"/images.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;
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;
        }
        picture._yscale = 92;
        picture._xscale = 92;
        picture._x=296-picture._width/2;
    }
};
function nextImage(thumb) {
    if (p<(total-1)) {
        p++;
        if (loaded == filesize) {
            picture._alpha = 0;
            picture.loadMovie(image[p], 1);
            desc_txt.text = description[p];
            picture_num();
            
        }
    }
}
function prevImage() {
    if (p>0) {
        p--;
        picture._alpha = 0;
        picture.loadMovie(image[p], 1);
        desc_txt.text = description[p];
        picture_num();
    }
}
function firstImage() {
    if (loaded == filesize) {
        picture._alpha = 0;
        picture.loadMovie(image[0], 1);
        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 ((this._ymouse>=thumbnail_mc._y) && (this._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
            if ((this._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
                thumbnail_mc._x -= scroll_speed;
            } else if ((this._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());
    thumbnail_mc._alpha = 50;
    tlistener = new Object();
    tlistener.onLoadInit = function(target_mc) {
    target_mc._x = 5+prevx;
    prevx = target_mc._x+(target_mc._width+5);

    w = target_mc._width;
    h = target_mc._height;
    target_mc._x = x+1;
    target_mc._y = y+1;
    target_mc.lineStyle(1, 0x000000, 100);
    target_mc.lineTo(w, 0);
    target_mc.lineTo(w, h);
    target_mc.lineTo(0, h);
    target_mc.lineTo(0, 0);
    target_mc.endFill();
    
        target_mc.pictureValue = k;
        target_mc.onRelease = function() {
            delstyle.pressed = false;
            delstyle._alpha = 100;
            delstyle.filters = filterArray2;
            this._alpha = 200;
            this.filters = filterArray;
            this.pressed = true;
            thumb = this;
            tx.text = this._x;
            tw.text = this._width;
            p = this.pictureValue-1;
            nextImage(thumb);
            delstyle = this;
        };

        target_mc.onRollOver = function() {
            this._alpha = 200;
            thumbNailScroller();
            this.filters = filterArray;
        };
        target_mc.onRollOut = function() {
            if(!this.pressed){
            this._alpha = 100;
            this.filters = filterArray2;
            }
        };

    };
    image_mcl = new MovieClipLoader();
    image_mcl.addListener(tlistener);
    image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
 }