Hi everyone!
I’ve posted a couple times in the past, and you have all been very helpful, thank you!
I’ve tried to do my part in helping others, but it’s time I need help again.
I made a slideshow based off the following tutorial: http://www.kirupa.com/developer/mx2004/thumbnails.htm (yes thanks again kirupa!)
I edited the code a bit to suit my needs, nothing major though until now
I need to add alternate views of some of the slides.
I have started adding the code, and get the thumbnails to show up correctly when the corresponding slide is picked from the main slide (uhh slider… lol), but the problem is they refuse to be interactive. I’m trying to make the alpha change when they’re moused over, as well as load the correct slide when clicked. Nothing works - neither the alpha nor the click action.
Strange thing is the code I’m using for the alternate view thumbnails is almost identical to stuff I’ve used not only earlier in the program, but in the past as well.
So in short, I am having trouble making the alternate view thumbnails interactive, I’m not sure if I’m way off or if its just a silly mistake that i havnt caught yet, but ive been looking at it for awhile now, and i think a few fresh eyes would help.
Here’s the code: (this is the entire program, and I will post JUST the thumbnail code below it, so you don’t have to wade through the whole thing, but I’m not sure if you might need the program for reference.
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
alt1path = [];
alt1thumb= [];
alt2path = [];
alt2thumb = [];
alt3path = [];
alt3thumb = [];
alt4path = [];
alt4thumb = [];
alt5path = [];
alt5thumb = [];
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;
alt1path* = xmlNode.childNodes*.childNodes[3].firstChild.nodeValue;
alt1thumb* = xmlNode.childNodes*.childNodes[4].firstChild.nodeValue;
alt2path* = xmlNode.childNodes*.childNodes[5].firstChild.nodeValue;
alt2thumb* = xmlNode.childNodes*.childNodes[6].firstChild.nodeValue;
alt3path* = xmlNode.childNodes*.childNodes[7].firstChild.nodeValue;
alt3thumb* = xmlNode.childNodes*.childNodes[8].firstChild.nodeValue;
alt4path* = xmlNode.childNodes*.childNodes[9].firstChild.nodeValue;
alt4thumb* = xmlNode.childNodes*.childNodes[10].firstChild.nodeValue;
alt5path* = xmlNode.childNodes*.childNodes[11].firstChild.nodeValue;
alt5thumb* = xmlNode.childNodes*.childNodes[12].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("portimages2.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();
};
//btn_link.onRelease = function (){
// getURL ("http://"+description[p], _blank);
//}
/////////////////////////////////////
p = 0;
q = 0;
thu
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;
picwidth = picture._width;
picheight = picture._height;
picture._x = (590-picwidth)/2;
picture._y = (420-picheight)/2;
if (picture._alpha<100) {
picture._alpha += 10;
alt_thumbs_fn(p);
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.x = (590-picture.width)/2;
picture.y = (420-picture.height)/2;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
alt_thumbs_fn(p);
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.x = (590-picture.width)/2;
picture.y = (420-picture.height)/2;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
alt_thumbs_fn(p);
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[p];
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._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=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 = hit_left._x+(eval("thumbnail_mc.t"+k)._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
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 alt_thumbs_fn() {
thumbholder1.loadMovie(alt1thumb[p], thumbholder1.getNextHighestDepth());
thumbholder1.onRelease = function (p,q) {
q = alt1path[p];
altload(q);
}
thumbholder1.onRollOver = function() {
this._alpha = 50;
}
thumbholder1.onRollOut = function() {
this._alpha = 100;
}
thumbholder2.loadMovie(alt2thumb[p], thumbholder2.getNextHighestDepth());
thumbholder2.onRelease = function (p,q) {
q = alt2path[p];
altload(q);
}
thumbholder2.onRollOver = function() {
this._alpha = 50;
}
thumbholder2.onRollOut = function() {
this._alpha = 100;
}
thumbholder3.loadMovie(alt3thumb[p], thumbholder3.getNextHighestDepth());
thumbholder3.onRelease = function (p,q) {
q = alt3path[p];
altload(q);
}
thumbholder3.onRollOver = function() {
thumbholder3._alpha = 50;
}
thumbholder3.onRollOut = function() {
thumbholder3._alpha = 100;
}
thumbholder4.loadMovie(alt4thumb[p], thumbholder4.getNextHighestDepth());
thumbholder4.onRelease = function (p,q) {
q = alt4path[p];
altload(q);
}
thumbholder4.onRollOver = function() {
thumbholder4._alpha = 50;
}
thumbholder4.onRollOut = function() {
thumbholder4._alpha = 100;
}
thumbholder5.loadMovie(alt5thumb[p], thumbholder5.getNextHighestDepth());
thumbholder5.onRelease = function (p,q) {
q = alt5path[p];
altload(q);
}
thumbholder5.onRollOver = function() {
thumbholder5._alpha = 50;
}
thumbholder5.onRollOut = function() {
thumbholder5._alpha = 100;
}
}
function altload(q) {
}
Alt View code:
function alt_thumbs_fn() {
thumbholder1.loadMovie(alt1thumb[p], thumbholder1.getNextHighestDepth());
thumbholder1.onRelease = function (p,q) {
q = alt1path[p];
altload(q);
}
thumbholder1.onRollOver = function() {
this._alpha = 50;
}
thumbholder1.onRollOut = function() {
this._alpha = 100;
}
thumbholder2.loadMovie(alt2thumb[p], thumbholder2.getNextHighestDepth());
thumbholder2.onRelease = function (p,q) {
q = alt2path[p];
altload(q);
}
thumbholder2.onRollOver = function() {
this._alpha = 50;
}
thumbholder2.onRollOut = function() {
this._alpha = 100;
}
thumbholder3.loadMovie(alt3thumb[p], thumbholder3.getNextHighestDepth());
thumbholder3.onRelease = function (p,q) {
q = alt3path[p];
altload(q);
}
thumbholder3.onRollOver = function() {
thumbholder3._alpha = 50;
}
thumbholder3.onRollOut = function() {
thumbholder3._alpha = 100;
}
thumbholder4.loadMovie(alt4thumb[p], thumbholder4.getNextHighestDepth());
thumbholder4.onRelease = function (p,q) {
q = alt4path[p];
altload(q);
}
thumbholder4.onRollOver = function() {
thumbholder4._alpha = 50;
}
thumbholder4.onRollOut = function() {
thumbholder4._alpha = 100;
}
thumbholder5.loadMovie(alt5thumb[p], thumbholder5.getNextHighestDepth());
thumbholder5.onRelease = function (p,q) {
q = alt5path[p];
altload(q);
}
thumbholder5.onRollOver = function() {
thumbholder5._alpha = 50;
}
thumbholder5.onRollOut = function() {
thumbholder5._alpha = 100;
}
}
I am aware that the altload function is empty - I am trying to get the alpha to work before hand, since the code for the altload function is easy enough to write, I just am trying to debug this problem before I get too ahead, in case I need to change the program around a lot.
Thank you all very much in advance, and sorry for the excessively long code.:tie:
