type = 'application/x-shockwave-flash'
data = 'http://sitepointstatic.com/flash/imagefader.swf'
width = '400'
height = '400'
bgcolor = 'black'
>

Download the sample files here.

1. Take a picture and convert it into a movie clip. Here I’ve used a rectangle shape as an image, but of course, you can use any images of your choice.

2. From the library. drag the movieclip on to the stage.

3. I have taken 6 movie clips and given each a instance name of "blue1", "blue2", "blue3", "blue4", "blue5", or "blue6".

4. Now comes the action script. In the first key frame insert the action:

fade = 100;  

//starting movie number  

movienum = 1;

5. Create the key frames as shown here:

1084_tool2

6. In the fifth key frame, insert the actions:

setProperty ("/blue" add movienum, _alpha, fade);  

fade = fade - 5;  

if(fade == 0)  

{  

fade = 100;  

setProperty ("/blue" add movienum, _alpha, fade);  

movienum = movienum + 1;  

gotoAndPlay (2);  

}  

if(movienum == 7)  

{  

fade = 100;  

movienum = 1;  

gotoAndPlay (1);  

}

7. In the last key frame give action.

gotoAndPlay (5);. 

8. Test the movie see how the movie fades. Use your own imagination to re-use the movie for your specific purposes!

Georgina has more than fifteen years' experience writing and editing for web, print and voice. With a background in marketing and a passion for words, the time Georgina spent with companies like Sausage Software and sitepoint.com cemented her lasting interest in the media, persuasion, and communications culture.

Get your free chapter of Level Up Your Web Apps with Go

Get a free chapter of Level Up Your Web Apps with Go, plus updates and exclusive offers from SitePoint.


No Reader comments

Related books & courses
Available now on SitePoint Premium

Preview for $1