# Help! Photo Gallery Using XML and Flash

**URL:** https://forum.kirupa.com/t/help-photo-gallery-using-xml-and-flash/183678
**Category:** flash
**Created:** [March 29, 2006, 4:58am UTC](https://forum.kirupa.com/t/help-photo-gallery-using-xml-and-flash/183678 "2006-03-29T04:58:47Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![pedro\_spy](https://avatars.discourse-cdn.com/v4/letter/p/e9a140/32.png) [@pedro\_spy](https://forum.kirupa.com/u/pedro_spy)
#### Post date: [March 29, 2006, 4:58am UTC](https://forum.kirupa.com/t/help-photo-gallery-using-xml-and-flash/183678/1 "2006-03-29T04:58:47Z")

</div>

Hi!

I have a question about Photo Gallery Using XML and Flash. I want to add more descriptions (captions) about the image that loads.

The XML code has space for one description (captions):

[INDENT]\<images\>  
\<pic\>  
\<image\>abc.jpg\</image\>  
\<caption\>One description only!  
\</caption\>  
\<thumbnail\>abc\_th.jpg\</thumbnail\>  
\</pic\>  
[/INDENT]  
I tried to change everything in the .fla file, but I didn’t get sucess…

What I want, I believed that’s easy… but I don’t know how to make it!

I want this:

[INDENT]\<images\>  
\<pic\>  
\<image\>abc.jpg\</image\>  
\<caption1\>One description!  
\</caption1\>  
\<caption2\>Another one!  
\</caption2\>  
\<caption3\>And one more!  
\</caption3\>  
\<thumbnail\>abc\_th.jpg\</thumbnail\>  
\</pic\>  
[/INDENT]  
And in the .fla file, I need to create 2 more spaces, for the new descriptions (captions).

Please, someone could help me?

Thanks a lot!

Sorry for my BAD english! Google tried to help me!

---

<div class="post-metadata">

### Author: ![mpr](https://avatars.discourse-cdn.com/v4/letter/m/d6d6ee/32.png) [@mpr](https://forum.kirupa.com/u/mpr)
#### Post date: [March 29, 2006, 5:14am UTC](https://forum.kirupa.com/t/help-photo-gallery-using-xml-and-flash/183678/2 "2006-03-29T05:14:07Z")

</div>

don’t worry about your english. it is much better than my Portuguese!

you may want to [**try this .fla example**](http://www.flashkit.com/downloads/movies/zip/11245/Dynamic%20Photo%20Album%20Slideshow%20V2.zip) that i got from flashkit. it does the same thing you are asking for - adding a unique description for each photo when it is displayed.

hope this helps

cheers

.

---

<div class="post-metadata">

### Author: ![pedro\_spy](https://avatars.discourse-cdn.com/v4/letter/p/e9a140/32.png) [@pedro\_spy](https://forum.kirupa.com/u/pedro_spy)
#### Post date: [March 29, 2006, 5:41am UTC](https://forum.kirupa.com/t/help-photo-gallery-using-xml-and-flash/183678/3 "2006-03-29T05:41:17Z")

</div>

> [@mpr](#):
>
> don’t worry about your english. it is much better than my Portuguese!
> 
> you may want to [**try this .fla example**](http://www.flashkit.com/downloads/movies/zip/11245/Dynamic%20Photo%20Album%20Slideshow%20V2.zip) that i got from flashkit. it does the same thing you are asking for - adding a unique description for each photo when it is displayed.
> 
> hope this helps
> 
> cheers
> 
> .

Thanks for help me!  
Well, it’s not exactly what I want. I make this picture to explain better…

I need three descriptions for each image.

Can I send you my .fla file? Then you see how it works… because I have no idea what I can change to make that possible… And thanks again for reply in my post and try to help me.

(I have my dictionary English-Portuguese… but my sister stole it from me! And now it’s 02:41 am in Brazil, and she’s sleeping! Tomorrow I’ll get my dictionary back…)

---

<div class="post-metadata">

### Author: ![phorte](https://avatars.discourse-cdn.com/v4/letter/p/77aa72/32.png) [@phorte](https://forum.kirupa.com/u/phorte)
#### Post date: [March 29, 2006, 5:58am UTC](https://forum.kirupa.com/t/help-photo-gallery-using-xml-and-flash/183678/4 "2006-03-29T05:58:32Z")

</div>

Basicly just in the line that loads the comment from the XML into a variable, this line: [AS]description\* = xmlNode.childNodes\*.childNodes[1].firstChild.nodeValue; [/AS] just change it too somtin like: [AS]caption1\* = xmlNode.childNodes\*.childNodes[1].firstChild.nodeValue;  
caption2\* = xmlNode.childNodes\*.childNodes[2].firstChild.nodeValue; caption3\* = xmlNode.childNodes\*.childNodes[3].firstChild.nodeValue; [/AS]Basicly you just refer to differnt childNodes of that particular photo node. You might have to change the reference to the thumnail node. Not sure.

Im you post ur script up, i can give a bit more of a details answer.

-Aussie Devil

---

<div class="post-metadata">

### Author: ![pedro\_spy](https://avatars.discourse-cdn.com/v4/letter/p/e9a140/32.png) [@pedro\_spy](https://forum.kirupa.com/u/pedro_spy)
#### Post date: [March 29, 2006, 6:14am UTC](https://forum.kirupa.com/t/help-photo-gallery-using-xml-and-flash/183678/5 "2006-03-29T06:14:34Z")

</div>

ActionScript Code:

> 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(“ana.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 = 10;  
> tscroller.onEnterFrame = function() {  
> if ((\_root.\_ymouse\>=thumbnail\_mc.\_y) && (\_root.\_ymouse\<=thumbnail\_mc.\_y+thumbnail\_mc.\_height)) {  
> if ((\_root.\_xmouse\>=(hit\_right.\_x-40)) && (thumbnail\_mc.hitTest(hit\_right))) {  
> thumbnail\_mc.\_x -= scroll\_speed;  
> } else if ((\_root.\_xmouse\<=40) && (thumbnail\_mc.hitTest(hit\_left))) {  
> thumbnail\_mc.\_x += 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.\_x = hit\_left.\_x+(eval(“thumbnail\_mc.t”+k).\_width+5)\*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);  
}

XML File:

> 

\<?xml version=“1.0” encoding=“utf-8” standalone=“yes”?\>  
\<images\>  
\<pic\>  
\<image\>images\ana\01g.jpg\</image\>  
\<caption\>Ocean\</caption\>  
\<thumbnail\>images\ana\01p.jpg\</thumbnail\>  
\</pic\>  
\</images\>

Thanks =)

---

<div class="post-metadata">

### Author: ![pedro\_spy](https://avatars.discourse-cdn.com/v4/letter/p/e9a140/32.png) [@pedro\_spy](https://forum.kirupa.com/u/pedro_spy)
#### Post date: [March 29, 2006, 6:25am UTC](https://forum.kirupa.com/t/help-photo-gallery-using-xml-and-flash/183678/6 "2006-03-29T06:25:38Z")

</div>

Consegui!!! Obrigado mesmo cara!

---

<div class="post-metadata">

### Author: ![pedro\_spy](https://avatars.discourse-cdn.com/v4/letter/p/e9a140/32.png) [@pedro\_spy](https://forum.kirupa.com/u/pedro_spy)
#### Post date: [March 29, 2006, 6:29am UTC](https://forum.kirupa.com/t/help-photo-gallery-using-xml-and-flash/183678/7 "2006-03-29T06:29:02Z")

</div>

Sorry! Aussie Devil, I modified some parts of the code, and it works!

I change the reference to the thumbnail node too… and some other lines…

And it works!!!

Thanks, thanks a lot!

Now I can go to bed! 03:29 am and I tired!

Thanks Aussie and MPR!

---

<div class="post-metadata">

### Author: ![phorte](https://avatars.discourse-cdn.com/v4/letter/p/77aa72/32.png) [@phorte](https://forum.kirupa.com/u/phorte)
#### Post date: [March 29, 2006, 6:51am UTC](https://forum.kirupa.com/t/help-photo-gallery-using-xml-and-flash/183678/8 "2006-03-29T06:51:30Z")

</div>

no prob man, glad i could help.
