# Load individual .jpg from array

**URL:** https://forum.kirupa.com/t/load-individual-jpg-from-array/78931
**Category:** flash
**Created:** [February 9, 2005, 5:49am UTC](https://forum.kirupa.com/t/load-individual-jpg-from-array/78931 "2005-02-09T05:49:32Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![carlnunes](https://avatars.discourse-cdn.com/v4/letter/c/e36b37/32.png) [@carlnunes](https://forum.kirupa.com/u/carlnunes)
#### Post date: [February 9, 2005, 5:49am UTC](https://forum.kirupa.com/t/load-individual-jpg-from-array/78931/1 "2005-02-09T05:49:32Z")

</div>

Man, I could use some help here. Yeah, I did search for the answer. No luck. Anyway here I am asking for help.  
I am using the code from “[Photo Gallery Using XML and Flash](http://www.kirupa.com/developer/mx2004/xml_flash_photogallery.htm)”. I would like to add a number of buttons linked to the individual .jpgs so the viewer can load the pic directly. The catch is I would also like to use the neat funtions of the code below(loader, fade effect, and captions). How do I call these neat functions for use in my individually loaded .jpgs?

Any ideas or thought will be appreciated.

```auto
function loadXML(loaded) {
	if (loaded) {
		xmlNode = this.firstChild;
		image = [];
		description = [];
		total = xmlNode.childNodes.length;
		for (i=0; i<total; i++) {
			image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
			description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
		}
		firstImage();
	} else {
		content = "file not loaded!";
	}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("one.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
	if (Key.getCode() == Key.LEFT) {
		_level1.body.target.nav.rgtBox.play();
		prevImage();
	} else if (Key.getCode() == Key.RIGHT) {
		_level1.body.target.nav.lftBox.play();
		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;
}

```
