# XML Photo Gallery - Thumbnails remain visible always

**URL:** <https://forum.kirupa.com/t/xml-photo-gallery-thumbnails-remain-visible-always/226117>\
**Category:** flash\
**Created:** [May 18, 2007, 7:32am UTC](https://forum.kirupa.com/t/xml-photo-gallery-thumbnails-remain-visible-always/226117 "2007-05-18T07:32:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![fatrabbit](https://avatars.discourse-cdn.com/v4/letter/f/b38774/32.png) [@fatrabbit](https://forum.kirupa.com/u/fatrabbit)\
**Post date:** [May 18, 2007, 7:32am UTC](https://forum.kirupa.com/t/xml-photo-gallery-thumbnails-remain-visible-always/226117/1 "2007-05-18T07:32:43Z")

</div>

Hey,

Am using the XML Photo Gallery tutorial (with grid thumbnails) - it was a slight modification by a Kirupa user here:

> **[kirupaForum](https://forum.kirupa.com)**
>
> Got a web design/development question or just want to hang out with the most awesome people on the planet? Drop on in!

I have a problem though. I have several sections that you visit from the main page, and one of these is the photo gallery. However, when I visit this page and then goto any other section of the site, the thumbnails remain visible.

For example…  
Normal:

Thumbs still visible when going to other sections:

My guess is that the actionscript needs to say somewhere - hide or get rid off thumbnails when moving out of the gallery?

Here’s the code:

> cliparray = ;  
> columns = 3;  
> spacex =50  
> spacey=50  
> 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;  
> }  
> sload()  
> firstImage();  
> } else {  
> content = “file not loaded!”;  
> }  
> }  
> function drawSquare(clip, depth, colour, x, y, w, h) {  
> var mc = clip.createEmptyMovieClip(“clip”+depth, depth);  
> mc.\_x = x;  
> mc.\_y = y;  
> mc.lineStyle();  
> mc.beginFill(colour);  
> mc.lineTo(w, 0);  
> mc.lineTo(w, h);  
> mc.lineTo(0, h);  
> mc.endFill();  
> return mc;  
> }  
> 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;  
> }  
> var ij=0  
> function sload() {  
> for (var i = 0; i\<image.length; i++) {  
> var clip = drawSquare(this, i, 0, 0, 0, 44, 44);  
> clip.\_x =18+ (i%columns)\*spacex;  
> clip.\_y =60+ Math.floor(i/columns)\*spacey;  
> var clap =clip.createEmptyMovieClip(“tt”,1)  
> clap.\_x = 2  
> clap.\_y = 2  
> cliparray.push(clap);  
> clip.pictureValue =i;  
> clip.onRelease = function() {  
> p = this.pictureValue-1;  
> nextImage();  
> };  
> clip.onRollOver = function() {  
> this.\_alpha = 50;

```
    };
    clip.onRollOut = function() {
        this._alpha = 100;
    };
}
startload()

```

}  
this.createEmptyMovieClip(“checker”,1000)  
function checkload() {  
checker.onEnterFrame = function() {

```
    if (cliparray[ij]._width) {
        
        delete this.onEnterFrame;
        if (ij&lt;cliparray.length-1) {
            ij++;
            startload();
        }
    }
};

```

}  
function startload() {  
cliparray[ij].loadMovie(thumbnails[ij]);  
checkload();  
}