# Thumbnail gallery image select

**URL:** <https://forum.kirupa.com/t/thumbnail-gallery-image-select/213593>\
**Category:** Uncategorized\
**Created:** [January 21, 2007, 11:00am UTC](https://forum.kirupa.com/t/thumbnail-gallery-image-select/213593 "2007-01-21T11:00:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jazbecar](https://avatars.discourse-cdn.com/v4/letter/j/ec9cab/32.png) [@jazbecar](https://forum.kirupa.com/u/jazbecar)\
**Post date:** [January 21, 2007, 11:00am UTC](https://forum.kirupa.com/t/thumbnail-gallery-image-select/213593/1 "2007-01-21T11:00:25Z")

</div>

I have a thumbnail gallery which only loads pictures from folder “pics” an they have to be example : pic1.jpg, thumbnails have to be th1.jpg. Where do I change the name of “loading folder” and possibility to change names of pictures and thumbnails ?

Code:

var tnNr;  
spacing = 10;  
container.\_alpha = 0;  
var curLength;  
MovieClip.prototype.loadPic = function(pic, id) {  
info.text = “”;  
this.\_alpha = 0;  
this.loadMovie(pic);  
temp = this.\_parent.createEmptyMovieClip(“temp2”, 998);  
temp.onEnterFrame = function() {  
var t = container.getBytesTotal(), l = container.getBytesLoaded();  
if (Math.round(l/t) == 1 && container.\_width != 0 && container.\_height != 0) {  
var w = container.\_width+spacing, h = container.\_height+spacing;  
border.resizeMe(w, h, id);  
delete this.onEnterFrame;  
}  
};  
};  
MovieClip.prototype.resizeMe = function(w, h, id) {  
var speed = 3;  
container.\_alpha = 0;  
this.onEnterFrame = function() {  
this.\_width += (w-this.\_width)/speed;  
this.\_height += (h-this.\_height)/speed;  
if (Math.abs(this.\_width-w)\<1 && Math.abs(this.\_height-h)\<1) {  
this.\_width = w;  
this.\_height = h;  
container.\_x = this.\_x-this.\_width/2+spacing/2;  
container.\_y = this.\_y-this.\_height/2+spacing/2;  
info.\_y = Math.round(this.\_y+this.\_height/2+spacing/2);  
container.\_alpha += 5;  
if (container.\_alpha\>90) {  
info.text = id;  
container.\_alpha = 100;  
delete this.onEnterFrame;  
}  
}  
};  
};  
function galleryChoice(q) {  
pArray = new Array();  
tArray = new Array();  
iArray = new Array();  
my\_xml = new XML();  
for (var j = 0; j\<curLength; j++) {  
this.th\_nav[“thmb”+j].removeMovieClip();  
}  
my\_xml.ignoreWhite = true;  
my\_xml.onLoad = function(loaded) {  
if (loaded) {  
gallery = this.firstChild.childNodes[q];  
curLength = gallery.childNodes.length;  
for (var i = 0; i\<gallery.childNodes.length; i++) {  
pArray.push(gallery.childNodes\*.attributes.source);  
tArray.push(gallery.childNodes\*.attributes.thumb);  
iArray.push(gallery.childNodes\*.attributes.title);  
}  
}  
delay = setInterval(makeButtons, 50);  
};  
my\_xml.load(“gallery.xml”);  
}  
function makeButtons() {  
tnNr = 0;  
clearInterval(delay);  
for (var i = 0; i\<tArray.length; i++) {  
var thb = th\_nav.thmb.duplicateMovieClip(“thmb”+i, 1000+i);  
thb.id = i;  
thb.\_x = i%3_50;  
thb.\_y = Math.floor(i/3)50;  
}  
loadButtons();  
}  
function loadButtons() {  
var tbox = th\_nav[“thmb”+tnNr].box;  
tbox.loadMovie(tArray[tnNr]);  
temp = this.createEmptyMovieClip(“tmp”+tnNr, 999);  
temp.onEnterFrame = function() {  
bt = tbox.getBytesTotal();  
bl = tbox.getBytesLoaded();  
if (bt == bl && bt\>4) {  
nextButton();  
delete this.onEnterFrame;  
}  
};  
}  
function nextButton() {  
if (tnNr\<tArray.length-1) {  
tnNr++;  
loadButtons();  
} else {  
activateButtons();  
}  
}  
function activateButtons() {  
mainButtons();  
for (var i = 0; i\<pArray.length; i++) {  
var but = th\_nav[“thmb”+i];  
but.id = i;  
but.onRelease = function() {  
container.loadPic(pArray[this.id], iArray[this.id]);  
disButtons2(this.id);  
};  
}  
container.loadPic(pArray[0], iArray[0]);  
disButtons2(0);  
}  
butArray = new Array();  
butArray = [“gal1\_btn”, “gal2\_btn”, “gal3\_btn”, “gal4\_btn”];  
function mainButtons() {  
for (var i = 0; i\<butArray.length; i++) {  
this[butArray].id = i;  
this[butArray_].onRelease = function() {  
galleryChoice(this.id);  
disButtons(this.id);  
};  
}  
}  
function disButtons2(d) {  
for (var i = 0; i\<tArray.length; i++) {  
if (i != d) {  
this.th\_nav[“thmb”+i].enabled = 1;  
this.th\_nav[“thmb”+i].box.\_alpha = 100;  
} else {  
this.th\_nav[“thmb”+i].enabled = 0;  
this.th\_nav[“thmb”+i].box.\_alpha = 50;  
}  
}  
}  
function disButtons(d) {  
for (var i = 0; i\<butArray.length; i++) {  
if (i != d) {  
this[butArray\*].enabled = 1;  
this[butArray\*].gotoAndStop(1);  
} else {  
this[butArray\*].enabled = 0;  
this[butArray\*].gotoAndStop(2);  
}  
}  
}  
disButtons(0);  
galleryChoice(0);