Hello Kirupa ppl!
I’m breaking my head over this one problem. When I click on a picture in the thumbnailscroller it should show the right category for the project. However, there seems to be a little bug in it. This way the project pictures (the 11 little ones) don’t change properly according to the picture clicked in the scroller.
The debug variable always shows 12 or 13, which depends of the number of images there are in the XML file. http://users.telenet.be/ene/test => Click the yellow bar
Any help or suggestions are very appreciated!
Vic
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = function(loaded) {
if (loaded) {
tlistener = new Object();
thumbnail_mc._alpha = 0;
total = this.firstChild.childNodes.length;
for (i=0; i<total; i++)
{
pic_holder = this.firstChild.childNodes*;
thumbnail_holder = thumbnail_mc.createEmptyMovieClip("t"+i, thumbnail_mc.getNextHighestDepth());
thumbnail_mc._x = 50;
thumbnail_holder._xscale = 16;
thumbnail_holder._yscale = 16;
thumbnail_holder._x = i * 110;
thumbnail_loader = thumbnail_holder.createEmptyMovieClip("thumbnail_image", 0);
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(pic_holder.attributes.main, "thumbnail_mc.t"+i);
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
**target_mc.onRelease = function() {
p = this.pictureValue-1;
num = i;
debug.text = num;
myPhoto.load("fotogallerij/" + page + "/" + "cat" + num + ".xml");
xmlData.load("fotogallerij/interieur/interieur.xml");
};**
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
}
}
else
{
content = "file not loaded!";
}
}
xmlData.load("fotogallerij/interieur/interieur.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 || thumbnail_mc._alpha<100 || thumbnails._alpha<100) {
picture._alpha += 10;
thumbnail_mc._alpha += 10;
thumbnails._alpha += 10;
}
}
};
function nextImage() {
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 picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 30;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if ((_root._xmouse>=(hit_right._x+300)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+500)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}