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<cliparray.length-1) {
ij++;
startload();
}
}
};
}
function startload() {
cliparray[ij].loadMovie(thumbnails[ij]);
checkload();
}[/AS]
and also I have attached the fla.
