Featured Flash FLA 11303 Flash Movies | 7 New Flash Movies Added What's New | Top 100 Featured FLA » Author: Nitin Tikhe » Title: Cart » Description: This Animation Tut is a fun and useful for kids below 15 years. Watch the Flag, Doors, Stick and Horse movements. » More by Nitin Tikhe Random FLAs | Add Flash Movie Featured Flash Site 6008 Flash Sites | 0 New Flash Links What's New | Top 100 Flash Site Featured Site » Posted in the Flash Kit Links section » Title: Banana Swimwear » Description: This is a banana swim wear interactive catalog we designed and animated in Flash Random Links | Add your own Flash Related Links

1255 Tutorials 7 New Tutorials Added! What's New | Top100 » Make flash video player for broadcasting live streaming video / TV on website » How to convert the project file of Flash Demo Builder 2.0 into FLV file » FLV to PSP for Mac - How to convert YouTube video to PSP on mac » How to Convert FLV to MP4 for Playback on iPod » how to download and convert youtube video to AVI with Leawo Free FLV converter » Flash Multi-player Game Tutorial - TicTacToe » How to make Flash elearning tutorials with screen recorder? » Fader API:Slideshow with MovieClips on stage » How to convert MS PPT file into an FLV File » Unknown Tag: Title10 Random Tutorial | Add Site

Network Design Manager The Computer Merchant, Ltd US-VA-Hampton Post A Job | Post A Resume

Tutorials Home What's New Top Rated Submit myTutes Random!

Tutorials » Interactivity/Useability

Simple animation slider
Author: koritis@hotmail.com

B1. THE INITIALISING CODE

The whole code is placed in the first frame of the movie and it is:

this.framecounter.onEnterFrame = function() {
 this.theframe.text = _root._currentframe;
};

It is just a line that tells the framecounter clip to write the current frame of the movie.

this.onLoad = function() {
 _global.played = "played";
 _global.togle = false;
 _global.origX = this.slide._x;
 _global.origY = this.slide._y;
 _global.draged = "no";
 _global.factor = 150;
 _global.percentage = factor/_root._totalframes;
 this.lineclip._width = factor+this.slide._width;
 this.lineclip._x = origX;
 this.lineclip._y = origY+this.lineclip._height/4;
};

The initialiser. I've used the following global variables:
played: It declares if the movie is stoped or not.
togle: It is used for the button to swap between the play and the stop state.
origX: It stores the original x coordinate of the slider.
origY: It stores the original y coordinate of the slider.
draged: It declares if the slider is draged or not.
factor: It is actually the desired width of the lineclip and the movement area of the slider. You decide its value.
percentage: Stores the proportion between the width of the lineclip and the total frames of the movie. Very useful.
With the last 3 lines:
I gave lineclip its width. I added the width of the slider for aesthetic reasons.
I told lineclip to go exactly at the original X coordinate of the slider.
The same for Y coordinate. I aligned it with the slider by adding 1/4 of its height to the Y coordinate, also for aesthetic reasons.

Let's continue with the code.

» Forums
	More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.

10 9 8 7 6 5 4 3 2 1