hello
I was working with the XML Photo Gallery Thumbnail Tutorial
my code i a little bit different, modified for easing thumbnails
How do I make this work for thumbs with different width??
thank a lot
matt
code below//////////////////////////////////
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 = 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) {
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;
}
// Thumbnail Scroller actions.
function thumbNailScroller()
{
this.createEmptyMovieClip(“tscroller”, 1000);
scroll_speed = 7;
tscroller.onEnterFrame = function ()
{
// define navigation margins
upper_margin = thumbnail_mc._y;
lower_margin = thumbnail_mc._y + thumbnail_mc._height;
right_margin = ((mask_mc._x+mask_mc._width)-thumbnail_mc[“t”+(total-1)]._width);
left_margin = (mask_mc._x+thumbnail_mc.t0._width);
if (_root._ymouse >= upper_margin && _root._ymouse <= lower_margin)
{
if (_root._xmouse >= right_margin && thumbnail_mc.hitTest(hit_right))
{
if (thumbnail_mc[“t”+(total-1)].hitTest(hit_right)) {
target = hit_right._x-thumbnail_mc._width-mask_mc._x;
snap = (target-thumbnail_mc._x)/Math.pow(scroll_speed, 2);
thumbnail_mc._x += snap;
} else {
thumbnail_mc._x -= scroll_speed;
}
}
else if (_root._xmouse <= left_margin && thumbnail_mc.hitTest(hit_left))
{
if (thumbnail_mc.t0.hitTest(hit_left)) {
target = 0;
snap = (target-thumbnail_mc._x)/Math.pow(scroll_speed, 2);
thumbnail_mc._x += snap;
} else {
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 = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
gotoAndStop(15);
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);
}
