# How to make UILoaded images clickable

**URL:** <https://forum.kirupa.com/t/how-to-make-uiloaded-images-clickable/319910>\
**Category:** flash\
**Created:** [March 8, 2011, 12:19pm UTC](https://forum.kirupa.com/t/how-to-make-uiloaded-images-clickable/319910 "2011-03-08T12:19:38Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jimbob300966](https://avatars.discourse-cdn.com/v4/letter/j/ea666f/32.png) [@jimbob300966](https://forum.kirupa.com/u/jimbob300966)\
**Post date:** [March 8, 2011, 12:19pm UTC](https://forum.kirupa.com/t/how-to-make-uiloaded-images-clickable/319910/1 "2011-03-08T12:19:38Z")

</div>

Hi there,

Im trying to make a really simple image gallery banner (like a featured content bar on a website) So when a button is clicked, an image which is loaded outsite of flash appears with a little tranisition. Ive managed to get that far, but once the images are loaded, I want them to be clickable (have a roll over state and be able to take the user to different webpages depending on which image is clicked)

Is this possible?

this is my code so far:  
\*

next\_btn.addEventListener(MouseEvent.CLICK, nextImage);

var imageNumber:Number = 1;

function checkNumber():void{  
next\_btn.visible=true;  
back\_btn.visible=true;

```
if(imageNumber==7){
	trace(imageNumber);
	next_btn.visible = false;
}

if(imageNumber==1){
	trace(imageNumber);
	back_btn.visible = false;
}

```

}  
checkNumber();

function nextImage (evtObj:MouseEvent):void{

```
imageNumber++;
largeImageLoader.source = "images/portfolio0"+imageNumber+".jpg";
checkNumber();

```

}

back\_btn.addEventListener(MouseEvent.CLICK, backImage);

function backImage (evtObj:MouseEvent):void{

```
imageNumber--;
largeImageLoader.source = "images/portfolio0"+imageNumber+".jpg";
checkNumber();

```

}

largeImageLoader.addEventListener(Event.COMPLETE, imageLoaded);

import fl.transitions.Tween;  
import fl.transitions.TweenEvent;  
import fl.transitions.easing.\*;

function imageLoaded(event:Event){  
trace(“image has been loaded”);  
new Tween(largeImageLoader,“x”,Strong.easeOut,40,300,2,true);  
}

- 

Any help would be hugely appreciated,

Thanks in advance,  
James