Simultaneous alpha tweens

programming flash
1

I’m a Web Teacher for a HS academy. We want to create a slideshow of different size images using Flash CS3.

In Flash AS3, I have two Sprites being dynamically loaded with different dimension images. In the end, I want these different size photos to fade out and fade in simultaneously. I can only get Tween to perform one after the other but not simultaneously with

var fadeout:Tween = new Tween(one, “alpha”, Strong.easeOut, 100, 0, 3, true);
var fadeIn:Tween = new Tween(two, “alpha”, Strong.easeIn, 0, 100, 3, true);

Basically, how do you perform 2 simultaneous alpha tweens (in my case, because of DIFFERENT SIZE photos)?

Thanks!

2

The following actionscript snippet creates a looping slideshow that crossfades the alpha on consecutive images, and also applies a “blur-in”/“blur-out” effect.
It can be easily adapted to your needs.
[COLOR=“Blue”][U]TweenMax[/U][/COLOR] is required.
Example is on the “collectibles” page of the following website:
[COLOR=“Blue”][U]http://www.mailsolutionsaz.com/[/U][/COLOR]

import gs.TweenMax;
import fl.motion.easing.*;

var pix0:MovieClip = pageCollect.gund.img2;
var pix1:MovieClip = pageCollect.gund.img3;
var pix2:MovieClip = pageCollect.gund.img4;
var pix3:MovieClip = pageCollect.gund.img5;
var pix4:MovieClip = pageCollect.gund.img6;
var pix5:MovieClip = pageCollect.gund.img7;
var pix6:MovieClip = pageCollect.gund.img8;
var pix7:MovieClip = pageCollect.gund.img9;
var pix8:MovieClip = pageCollect.gund.img10;

function slideshow():void {
	TweenMax.allTo([pix0, pix1, pix2, pix3, pix4, pix5, pix6, pix7, pix8], 0, {alpha:0, scaleX:.1, scaleY:.1, delayIncrement:0, onCompleteAll:loop, ease:Back.easeOut, blurFilter:{blurX:16, blurY:16, quality:3}, overwrite:false});
}

function loop():void {
	TweenMax.allTo([pix0, pix1, pix2, pix3, pix4, pix5, pix6, pix7, pix8], 3, {alpha:1, scaleX:1.2, scaleY:1.2, delayIncrement:3, ease:Back.easeOut, blurFilter:{blurX:0, blurY:0, quality:3}, overwrite:false});
	TweenMax.allTo([pix0, pix1, pix2, pix3, pix4, pix5, pix6, pix7, pix8], 1, {alpha:0, scaleX:.1, scaleY:.1, delay:3, delayIncrement:3, ease:Linear.easeIn, blurFilter:{blurX:16, blurY:16, quality:3}, onCompleteAll:loop, overwrite:false});
}