XML Gallery with category

programming flash
1

Hi,

I made a gallery with some categories. For example: 4 photo’s in category 1, 2 photo’s in category 2, etc. Therefore, I make the xml like this:

<?xml version="1.0" encoding="UTF-8"?>
<gallery>
	<picture category="Category 1">
		<image thumbs="thumbs/img1.jpg"/>
		<image thumbs="thumbs/img2.jpg"/>
		<image thumbs="thumbs/img3.jpg"/>
		<image thumbs="thumbs/img4.jpg"/>
	</picture>
	<picture category="Category 2">
		<image thumbs="thumbs/img5.jpg"/>
		<image thumbs="thumbs/img6.jpg"/>
	</picture>
</gallery>

And I simply attach the category button:

var category:Array = new Array();
var myXML:XML = new XML();
myXML.ignoreWhite = true;
myXML.load("images.xml");

myXML.onLoad = function(success) {
	if (success) {
		for (j=0; j<myXML.firstChild.childNodes.length; j++) {
			var btns:Object = catholder_mc.attachMovie("cat_btn", "cat_btn"+j, j, {_y:(j*110)});
			category.push(myXML.firstChild.childNodes[j].attributes.category);
			btns.cat_txt.text = category[j];
			btns.Value = j;
			var cat = this.firstChild.childNodes[j];
			btns.onRelease = viewLinks;
		}
	} else {
		trace("failed");
	}
};

Then the viewLinks function, when a category button is pressed

function viewLinks() {
	i = this.Value-1;
	if (i<myXML.firstChild.childNodes.length-1) {
		i++;
		allthelinks = myXML.firstChild.childNodes*.childNodes;
		for (k=0; k<allthelinks.length; k++) {
			var img_btn:MovieClip = imgholder_mc.attachMovie("img_btn", "img_btn"+k, k, {_y:(k*30)});
			**img_btn.thumb_holder.loadMovie("myXML.firstChild.childNodes*.childNodes[k].attributes.thumbs");**
			img_btn.Value = k;
			img_btn.onRelease = released;
		}
	}
}

So far, the gallery is working. If one of the category button is pressed, the thumbnails of this category appear. However, I have a little bug that I can never solve.

As the example above, if I press on category 1 button, I get 4 thumbnails as it is stated on the xml. However, if I pressed category 2, the 2 thumbnails of category 2 appear, but the 2 thumbnails from category 1 do not disappear. So instead of 2 thumbnails as it is expected, I’ve got 4 thumbnails.

The question is how can I remove those movieclips? I hope it’s clear.

Thank you,
ndableg

2

anyone?

3

Hmm… it’s kinda idea… But how can I generate frames dynamically?

Perhaps create different empty movieclip for each category?

firewalker: salam kenal

4

how I did it, though not advise able, is have an xml for each cat

the swf loads in the main xml, counts through it regards to cats

creates MCs, and sends an XML link to each MC

the individual MC, then loads the cat XML

now all pretend like what I just said doesn’t make sense

http://hermes.hud.ac.uk/c0568903/carousel14.html

5

“myXML.firstChild.childNodes*.childNodes[k].attributes.thumbs”

you’ve converted this to a string which means it looking for a file in that location… which is probably not there.

what you want to say is: img_btn.thumb_holder.loadMovie(myXML.firstChild.childNodes*.childNodes[k].attributes.thumbs);

or you can try this as well:
img_btn.thumb_holder.loadMovie(new String(myXML.firstChild.childNodes*.childNodes[k].attributes.thumbs));

instead of reloading the xml, you could try storing the nfo into an Object.

var obj:Object = new Object();
obj[img] = “location”;

then remove them and reload them when necessary…

6

[QUOTE=firewalker;2344744]ndableg: salam kenal juga :stuck_out_tongue:

Yes, kinda like that, creating movie clip for each xml load event. And to destroy the previous one made…[/QUOTE]

Would you explain to me how to detect the previous one?

7

[QUOTE=bnns;2344751]instead of reloading the xml, you could try storing the nfo into an Object.

var obj:Object = new Object();
obj[img] = “location”;

then remove them and reload them when necessary…[/QUOTE]

Do you mean obj[img] = img_btn.thumb_holder.loadMovie(myXML.firstChild.ch ildNodes*.childNodes[k].attributes.thumbs);?

Do you mean remove with img_btn.removeMovieClip?

8

erm I replied to the wrong thread :stuck_out_tongue:

you have to go through and delete/remove any MC there as well as reset and arrays =[] if used

9

[quote=ndableg;2344765]Do you mean obj[img] = img_btn.thumb_holder.loadMovie(myXML.firstChild.ch ildNodes*.childNodes[k].attributes.thumbs);?

Do you mean remove with img_btn.removeMovieClip?[/quote]

i was referring to the fact that you could store the location for later use of the images rather than reloading the xml, but either way works (that is loading the location via xml or the latter).

I you should be able to remove with the .removeMovieClip method but, that’s pretty unimportant. it all depends on how you want to code it.

obj[img] =“images/random.png”;

10

Hey guys,
just letting you know that I’ve solved the problem with for …in loop.

good luck!
ndableg

11

Firewalker,

In my case, when the category button is pressed, I add this code (in viewLinks function):

for(var obj:String in imgholder_mc)
{
   if(imgholder_mc[obj] instanceof MovieClip)
   {
      imgholder_mc[obj].removeMovieClip();
   }
}

sukses deh…

ndableg