Fading images

1

Hi,

i’d like to make a loop of 3 images that fade in one after another with some time between the fades, i’d like to do it in code.

any1 got an idea how to do it.

thanx in advance

2

wait a little bit, i’m working on something…i think i can help you!

3

did you try working with tween’s?

4

this is the action script for one picture,


import mx.transitions.Tween;
import mx.transitions.easing.*;

var tw1:Tween = new Tween(picture,"_alpha",Strong.easeOut,0,100,5,true);

picture.onRelease = function() {
	if(this._alpha < 50) {
		fadeIn(this);
	}
	else {
		fadeOut(this);
		}
}

function fadeIn(who) {
	var tw:Tween = new Tween(who,"_alpha",Strong.easeOut,0,100,1,true);
	}

function fadeOut(who) {
	var tw:Tween = new Tween(who,"_alpha",Strong.easeOut,100,0,1,true);
}

make a movie clip with the instance name of picture and in that mc put the first picture…
the rest i think you can handle

5

ok take this, i think it will help you…if not, reply here!

6

thhanx a lot, but i can’t open the file. i suppose you’re using studio 8, i’m still using mx2004

7

yes, i’m using flash 8, i will make for mx2004

8

i can’t save for mx2004, make like this:

  1. 2 layers, action and movieclip

  2. in movieclip layer make 2 keyframes(and in action layer the same)

  3. pass this code in the first keyframe:


import mx.transitions.Tween;
import mx.transitions.easing.*;
stop();
var tw1:Tween = new Tween(picture,"_alpha",Strong.easeOut,0,100,5,true);

picture.onRelease = function() {
	if(this._alpha < 50) {
		fadeIn(this);
	}
	else {
		fadeOut(this);
		nextFrame();
		}
}

function fadeIn(who) {
	var tw:Tween = new Tween(who,"_alpha",Strong.easeOut,0,100,1,true);
	}

function fadeOut(who) {
	var tw:Tween = new Tween(who,"_alpha",Strong.easeOut,100,0,1,true);
}
  1. in the second keyframe paste this code in the second keyframe in action layer:

import mx.transitions.Tween;
import mx.transitions.easing.*;
stop();
var tw1:Tween = new Tween(picture,"_alpha",Strong.easeOut,0,100,5,true);

picture.onRelease = function() {
	if(this._alpha < 50) {
		fadeIn(this);
	}
	else {
		fadeOut(this);
		prevFrame();
		}
}

function fadeIn(who) {
	var tw:Tween = new Tween(who,"_alpha",Strong.easeOut,0,100,1,true);
	}

function fadeOut(who) {
	var tw:Tween = new Tween(who,"_alpha",Strong.easeOut,100,0,1,true);
}
  1. in the movieclip layer first keyframe place the first pic(and in the second keyframe the second picture) and make it a movieclip with the instance name of picture (same step for the second picture in the 2’nd keyframe)

now play the movie…

9

now you can customize as you want, this depands on you.

give a short info if it’s working!