# Images Fading in Slideshow

**URL:** <https://forum.kirupa.com/t/images-fading-in-slideshow/253263>\
**Category:** flash\
**Created:** [February 28, 2008, 5:24pm UTC](https://forum.kirupa.com/t/images-fading-in-slideshow/253263 "2008-02-28T17:24:14Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![GuessG](https://avatars.discourse-cdn.com/v4/letter/g/a88e57/32.png) [@GuessG](https://forum.kirupa.com/u/GuessG)\
**Post date:** [February 28, 2008, 5:24pm UTC](https://forum.kirupa.com/t/images-fading-in-slideshow/253263/1 "2008-02-28T17:24:14Z")

</div>

I have 5 images (4 and 5 are commented out). I’d like each to fade in, then disappear, then the next fades in. Right now, only the first one fades in.

[AS]  
import fl.transitions._;  
import fl.transitions.easing._;  
import flash.events.TimerEvent;  
import flash.utils.Timer;

var store1\_mc:MovieClip;  
var store2\_mc:MovieClip;  
var store3\_mc:MovieClip;  
//var store4\_mc:MovieClip;  
//var store5\_mc:MovieClip;  
var imageRequest:URLRequest;  
var imageLoader:Loader;  
var minuteTimer:Timer;

store1\_mc = addImage(“store1.jpg”, 0);  
store2\_mc = addImage(“store2.jpg”, 0);  
store3\_mc = addImage(“store3.jpg”, 0);  
//store4\_mc = addImage(“store4.jpg”, 0);  
//store5\_mc = addImage(“store5.jpg”, 0);

TransitionManager.start(store1\_mc, {type:Fade, direction:Transition.IN, duration:2, easing:Strong.easeOut});

minuteTimer = new Timer(4000);  
minuteTimer.addEventListener(TimerEvent.TIMER, onTimerFired);  
minuteTimer.start();

function addImage(imageURL:String, imagePosition:Number)  
{

```
var image_mc:MovieClip
image_mc = new MovieClip;
imageRequest = new URLRequest(imageURL);
imageLoader = new Loader();
imageLoader.load(imageRequest);
image_mc.addChild(imageLoader);
image_mc.x = imagePosition;
image_mc.visible=false;
addChildAt(image_mc, 0);
return image_mc;

```

}

function onTimerFired(event:TimerEvent):void  
{

```
if (store1_mc.visible == true){
	store1_mc.visible = false;
	store2_mc.visible = true;
	}

if (store2_mc.visible == true){
	store2_mc.visible = false;
	store3_mc.visible = true;
	}

if (store3_mc.visible == true){
	store3_mc.visible = false;
	store1_mc.visible = true;
	}

```

}  
[/AS]