# Scottys Thumbnail Gallery Load Thumbs within a MC

**URL:** <https://forum.kirupa.com/t/scottys-thumbnail-gallery-load-thumbs-within-a-mc/237528>\
**Category:** flash\
**Created:** [August 31, 2007, 2:06am UTC](https://forum.kirupa.com/t/scottys-thumbnail-gallery-load-thumbs-within-a-mc/237528 "2007-08-31T02:06:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jeremy1987](https://avatars.discourse-cdn.com/v4/letter/j/c5a1d2/32.png) [@jeremy1987](https://forum.kirupa.com/u/jeremy1987)\
**Post date:** [August 31, 2007, 2:06am UTC](https://forum.kirupa.com/t/scottys-thumbnail-gallery-load-thumbs-within-a-mc/237528/1 "2007-08-31T02:06:33Z")

</div>

I recently found scottys gallery thumbnail with colums and and I want to do something to it but im fairly new at making these gallerys I know how to do the scroller gallery thats in the tutorial but thats about it.

My question is in scottys gallery how do I make my thumbnails load inside of a mc instead of drawing a square, I have made a mc called thumbMC and how would I go about making a next and prev btn(I have asl made the buttons for this as well called next\_btn & prev\_btn) for the thumbnails like for example I want load 10 thumbs and when I click next the nest set of thumbnails pop up.

Any help is greatly appreciated.

Here is the action thats scotty has made for the gallery  
[AS]cliparray = [];  
columns = 3;  
spacex =110  
spacey=78  
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, 104, 71);  
clip.\_x =20+ (i%columns)\*spacex;  
clip.\_y =20+ 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();  
}[/AS]

and also I have attached the fla.