# Is this possible? gallery help!

**URL:** <https://forum.kirupa.com/t/is-this-possible-gallery-help/242577>\
**Category:** Uncategorized\
**Created:** [October 27, 2007, 9:37pm UTC](https://forum.kirupa.com/t/is-this-possible-gallery-help/242577 "2007-10-27T21:37:52Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![audioartist](https://avatars.discourse-cdn.com/v4/letter/a/e495f1/32.png) [@audioartist](https://forum.kirupa.com/u/audioartist)\
**Post date:** [October 27, 2007, 9:37pm UTC](https://forum.kirupa.com/t/is-this-possible-gallery-help/242577/1 "2007-10-27T21:37:52Z")

</div>

Hi guys–  
I’m not sure if this possible or not, so please let me know! I’m using the tutorial from this site called “Adding Thumbnails” but I need a slight variation on it. So when the swf loads, it is possible to have the picture part/gallery invisible until a user clicks on one of the thumbs??

So the first thing that you would see would be the nav, thumbs, text and background image. Then if you click a thumb, you would see the nav, thumbs, solid color background and the large image of the thumb. What’s the easiest way to alter the code below or is this even possible? Do you think I have to start from scratch? Please help!!

Any advice would be appreciated!

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;  
}  
function thumbNailScroller() {  
// thumbnail code!  
this.createEmptyMovieClip(“tscroller”, 1000);  
scroll\_speed = 5;  
tscroller.onEnterFrame = function() {  
if ((\_root.\_xmouse\>=thumbnail\_mc.\_x) && (\_root.\_xmouse\<=thumbnail\_mc.\_x+thumbnail\_mc.\_width)) {  
if ((\_root.\_ymouse\>=(hit\_bottom.\_y-40)) && (thumbnail\_mc.hitTest(hit\_bottom))) {  
thumbnail\_mc.\_y -= scroll\_speed;  
} else if ((\_root.\_ymouse\<=(hit\_top.\_y+40)) && (thumbnail\_mc.hitTest(hit\_top))) {  
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\_top.\_y+(target\_mc.\_height+7)\*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);  
}