Endlessly Looping Animation

You're welcome.

PS - I used the 1 because that's how you had your images named, and that variable is used to identify them.

["image"+String(imgCount)+"_mc"]

Those would have been my words (on many occasions in these forums, unfortunately some folks can't get past bring a pole with them).

PS - You should check out your other posting below for this as well. There might be some info offered there that will help.

You might need to have something that lights up the next image after the tween completes. If you add an event listener to the tween, you can use that to set the next image to alpha = 1.

There are probably a couple of things your scenario could use, but I'd rather you battle it in the brain a bit than give you a complete solution.

Thanks Ned! That's genius, and I never would have thought to do it that way. Thanks.

The only glitch is the animation gets a little weird after the first time through. The images start to just appear very briefly. They continue looping just fine, but they are not staying on screen for the entire 5 seconds. Do you have any idea what's happening?

Here's my test URL: http://www.savagepixels.com/photoAnimation.html

and the code:

var image1_mc:mcImage1 = new mcImage1();
var image2_mc:mcImage2 = new mcImage2();
var image3_mc:mcImage3 = new mcImage3();

addChild(image1_mc);
addChild(image3_mc);
addChild(image2_mc);
addChild(image1_mc);

var imgCount:uint = 1;

var myTimer:Timer = new Timer(5000, 0);
myTimer.addEventListener(TimerEvent.TIMER, fadeImage);

myTimer.start();

function fadeImage (e:TimerEvent):void
{
new Tween(this["image"+String(imgCount)+"_mc"], "alpha", Strong.easeOut, 1, 0, 3, true);
imgCount +=1;
if(imgCount == 4)
{
imgCount = 1;
}
}

You will probably save some code if you take a different approach. Have a counter that keeps track of which image is to be tweened (1,2,3), setting it back to 1 after it processes 3.

Then just have your Timer run continuously:

var imgCount:uint = 1;

var myTimer:Timer = new Timer(5000, 0);
myTimer.addEventListener(TimerEvent.TIMER, fadeImage);

myTimer.start();

function fadeImage (e:TimerEvent):void
{
new Tween(this["image"+String(imgCount)+"_mc"], "alpha", .....etc

imgCount +=1;

if(imgCount == 4){ imgCount = 1; }
}