# Help with Image Gallery and XML.Please!

**URL:** https://forum.kirupa.com/t/help-with-image-gallery-and-xml-please/257162
**Category:** flash
**Created:** [April 10, 2008, 8:35pm UTC](https://forum.kirupa.com/t/help-with-image-gallery-and-xml-please/257162 "2008-04-10T20:35:43Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![ecptavares](https://avatars.discourse-cdn.com/v4/letter/e/9d8465/32.png) [@ecptavares](https://forum.kirupa.com/u/ecptavares)
#### Post date: [April 10, 2008, 8:35pm UTC](https://forum.kirupa.com/t/help-with-image-gallery-and-xml-please/257162/1 "2008-04-10T20:35:43Z")

</div>

Hi!

I would like to make an image gallery getting the images from a XML file and I would like to use this scroll menu system.

[http://www.cartoonsmart.com/dynamic\_scroller.html](http://www.cartoonsmart.com/dynamic_scroller.html)

How would I do this?

I already have the code to load the external images into an array and display.

```auto

package
{
	import flash.display.Loader;
	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.events.EventDispatcher;
	import flash.net.URLLoader;
	import flash.net.URLRequest;
	
	public class teste extends MovieClip
	{
		var picXML : XML;
		var picList : XMLList = new XMLList();
		var xmlLoader : URLLoader = new URLLoader();
		var imgLoader : Loader = new Loader();		
		var thumbs : Array = new Array();		
		var numImgs : Number;
		var holder : MovieClip = new MovieClip();
		var mcImg : MovieClip;
		
		public function teste()
		{
			init();
		}
		
		private function init():void
		{
    		xmlLoader.load(new URLRequest("album.xml"));
			xmlLoader.addEventListener(Event.COMPLETE,onXMLLoaded);
		}
		
		private function onXMLLoaded(event:Event):void
		{
		  picXML = new XML(event.target.data);	
		  picList = picXML.pic.attribute("url");

		  for each(var pl : XML in picList)
		  {
			  thumbs.push(pl);
		  }

		  numImgs = thumbs.length;

		  buildThumbs();
		}
		
		private function buildThumbs():void
		{			
			for(var i = 0;i <= numImgs;i++)
			{
				imgLoader.load(new URLRequest(thumbs*));
				imgLoader.addEventListener(Event.COMPLETE,onImgLoaded);				
			}
			
		}

		function onImgLoaded(event:Event):void
		{
			mcImg.addChild(imgLoader);
			holder.addChild(mcImg);
		}
		
	}
}

```

How do I make the thumbs scroll like this example I showed ?