Here is the problem :
http://phoenix68.9online.fr/daeja2.swf
since each thumbnail have different sizes i can 't scale then in the thumbnail scroller:m:
here is the part of the code i d like to fix:
function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._y = hit_left._y+(eval("thumbnail_mc.t"+k)._height+5)*k;
target_mc.pictureValue = k-1;
target_mc.onRelease = function() {
p = this.pictureValue;
nextImage();
};
the prob come from this line i think :
target_mc._y = hit_left._y+(eval("thumbnail_mc.t"+k)._height+5)*k;
actually it places the movie according its own size assuming that all the previous movies in the loop where the same size. but they aren’t
here is the FLA:
http://phoenix68.9online.fr/daeja2.fla
the XML:
http://phoenix68.9online.fr/images.xml
//////////////////////////////////////////////////////////////////////////////////////
THE FULL CODE
/////////////////////////////////////////////////////////////////////////////////////
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
total = xmlNode.childNodes.length;
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("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 = imageStuff.picture.getBytesTotal();
loaded = imageStuff.picture.getBytesLoaded();
imageSquash();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (imageStuff.picture._alpha<100) {
imageStuff.picture._alpha += 10;
imageCentre ();
imageSquash();
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
imageStuff.picture._alpha = 0;
imageStuff.picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
squashReset();
}
}
}
function prevImage() {
if (p>0) {
p--;
imageStuff.picture._alpha = 0;
imageStuff.picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
squashReset();
}
}
function firstImage() {
if (loaded == filesize) {
imageStuff.picture._alpha = 0;
imageStuff.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 ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if ((_root._ymouse>=(hit_right._y-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._y -= scroll_speed;
} else if ((_root._ymouse<=40) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._y += 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._y = hit_left._y+(eval("thumbnail_mc.t"+(k-1))._height+5)*k;
target_mc.pictureValue = k-1;
target_mc.onRelease = function() {
p = this.pictureValue;
nextImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}
function imageCentre() {
if (imageStuff.picture._width>0) {
if (r1 != true) {
pIX = imageStuff.picture._x;
pIY = imageStuff.picture._y;
r1 = true;
}
imageStuff.picture._x = pIX+(imageStuff.imageBox._width-imageStuff.picture._width)/2;
imageStuff.picture._y = pIY+(imageStuff.imageBox._height-imageStuff.picture._height)/2;
}
}
function imageSquash() {
if (imageStuff.picture._width>imageStuff.imageBox._width && imageStuff.picture._height<imageStuff.imageBox._height && imageStuff.picture._width>0) {
imageStuff.picture._xscale = (imageStuff.imageBox._width/imageStuff.picture._width)*100;
imageStuff.picture._yscale = imageStuff.picture._xscale;
} else if (imageStuff.picture._height>imageStuff.imageBox._height && imageStuff.picture._width<imageStuff.imageBox._width && imageStuff.picture._width>0) {
imageStuff.picture._yscale = (imageStuff.imageBox._height/imageStuff.picture._height)*100;
imageStuff.picture._xscale = imageStuff.picture._yscale;
} else if (imageStuff.picture._height>imageStuff.imageBox._height && imageStuff.picture._width>imageStuff.imageBox._width && imageStuff.picture._width>0) {
xS = (imageStuff.imageBox._width/imageStuff.picture._width)*100;
yS = (imageStuff.imageBox._height/imageStuff.picture._height)*100;
if (xS<yS) {
imageStuff.picture._xscale = imageStuff.picture._yscale=xS;
} else if (xS>yS) {
imageStuff.picture._xscale = imageStuff.picture._yscale=yS;
}
}
}
function squashReset() {
imageStuff.picture._xscale = imageStuff.picture._yscale=100;
}