# Adding links to an XML flash gallery (CS4)

**URL:** <https://forum.kirupa.com/t/adding-links-to-an-xml-flash-gallery-cs4/302628>\
**Category:** flash\
**Created:** [January 4, 2010, 3:55pm UTC](https://forum.kirupa.com/t/adding-links-to-an-xml-flash-gallery-cs4/302628 "2010-01-04T15:55:45Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![leeyoung](https://avatars.discourse-cdn.com/v4/letter/l/7feea3/32.png) [@leeyoung](https://forum.kirupa.com/u/leeyoung)\
**Post date:** [January 4, 2010, 3:55pm UTC](https://forum.kirupa.com/t/adding-links-to-an-xml-flash-gallery-cs4/302628/1 "2010-01-04T15:55:45Z")

</div>

Hi, Ive got an AS3 XML gallery thats all working fine, but I would like to add links to each image. Ideally I need to be able to add fully qualified links to each image individually via the XML document. my actionscript looks like this:

// delay between slides  
const TIMER\_DELAY:int = 5000;  
// fade time between slides  
const FADE\_TIME:int = 3;

// reference to the current slider container  
var currentContainer:Sprite;  
// index of the current slide  
var intCurrentSlide:int = -1;  
// total slides  
var intSlideCount:int;  
// timer for switching slides  
var slideTimer:Timer;  
// slides holder  
var sprContainer1:Sprite;  
var sprContainer2:Sprite;  
// slides loader  
var slideLoader:Loader;  
// url to slideshow xml  
var xmlPath:String = LoaderInfo(this.root.loaderInfo).parameters.xmlPath;  
// slideshow xml loader  
var xmlLoader:URLLoader;  
// slideshow xml  
var xmlSlideshow:XML;

function init():void {  
// create new urlloader for xml file  
xmlLoader = new URLLoader();  
// add listener for complete event  
xmlLoader.addEventListener(Event.COMPLETE, onXMLLoadComplete);  
// load xml file  
xmlLoader.load(new URLRequest(xmlPath));

```
// create new timer with delay from constant
slideTimer = new Timer(TIMER_DELAY);
// add event listener for timer event
slideTimer.addEventListener(TimerEvent.TIMER, switchSlide);

// create 2 container sprite which will hold the slides and
// add them to the masked movieclip
sprContainer1 = new Sprite();
sprContainer2 = new Sprite();
mcSlideHolder.addChild(sprContainer1);
mcSlideHolder.addChild(sprContainer2);

// keep a reference of the container which is currently
// in the front
currentContainer = sprContainer2;

```

}

function onXMLLoadComplete(e:Event):void {  
// create new xml with the received data  
xmlSlideshow = new XML(e.target.data);  
// get total slide count  
intSlideCount = xmlSlideshow…image.length();  
// switch the first slide without a delay  
switchSlide(null);  
}

function fadeSlideIn(e:Event):void {  
// add loaded slide from slide loader to the  
// current container  
currentContainer.addChild(slideLoader.content);  
// clear preloader text  
mcInfo.lbl\_loading.text = “”;  
// fade the current container in and start the slide timer  
// when the tween is finished  
Tweener.addTween(currentContainer, {alpha:1, time:FADE\_TIME, onComplete:function() { slideTimer.start(); }});  
}

function switchSlide(e:Event):void {  
// check, if the timer is running (needed for the  
// very first switch of the slide)  
if(slideTimer.running)  
slideTimer.stop();

```
// check if we have any slides left and increment
// current slide index
if(intCurrentSlide + 1 &lt; intSlideCount)
    intCurrentSlide++;
// if not, start slideshow from beginning
else
    intCurrentSlide = 0;

// check which container is currently in the front and
// assign currentContainer to the one that's in the back with
// the old slide
if(currentContainer == sprContainer2)
    currentContainer = sprContainer1;
else
    currentContainer = sprContainer2;

// hide the old slide
currentContainer.alpha = 0;
// bring the old slide to the front
mcSlideHolder.swapChildren(sprContainer2, sprContainer1);

// create a new loader for the slide
slideLoader = new Loader();
// add event listener when slide is loaded
slideLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, fadeSlideIn);
// add event listener for the progress
slideLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, showProgress);
// load the next slide
slideLoader.load(new URLRequest(xmlSlideshow..image[intCurrentSlide].@src));

// show description of the next slide
mcInfo.lbl_description.text = xmlSlideshow..image[intCurrentSlide].@desc;
// show current slide and total slides
mcInfo.lbl_count.text = (intCurrentSlide + 1) + " / " + intSlideCount + " Slides";

```

}

function showProgress(e:ProgressEvent):void {  
// show percentage of the bytes loaded from the current slide  
mcInfo.lbl\_loading.text = “Loading…” + Math.ceil(e.bytesLoaded \* 100 / e.bytesTotal) + “%”;  
}

// init slideshow  
init();

and my XML looks like this:

\<?xml version=“1.0” encoding=“UTF-8”?\>  
\<slideshow\>  
\<image src=“images/image1.jpg” desc=“Image 1” /\>  
\<image src=“images/image2.jpg” desc=“Image 2” /\>  
\</slideshow\>

I have very litle experience with AS3, and the XML classes and methods have changed considerably since AS2. Any help/pointers would be appreciated!