Featured Flash FLA 11336 Flash Movies | 2 New Flash Movies Added What's New | Top 100 Featured FLA » Author: Surjit Dhami » Title: Book » Description: Book » More by Surjit Dhami Random FLAs | Add Flash Movie Featured Flash Site 5848 Flash Sites | 0 New Flash Links What's New | Top 100 Flash Site Featured Site » Posted in the Flash Kit Links section » Title: All-American Rejects » Description: Get to know this great band by exploring their "practice room". Random Links | Add your own Flash Related Links

1277 Tutorials 7 New Tutorials Added! What's New | Top100 » Create xml slideshow with free template » How to Insert a Multilingual Subtitle Into Your Flash Video Studio » How to Create Cool Halloween Slideshow » Debugging flash using the Firebug console » Create Flash Slideshow on Blogger » FLASH TRICKS IN WEB ADVERTISING: FLASH BANNERS » HTML Photo Gallery Tutorial » Create your first flash site – PART 1 » How to Make a Flash Photo Gallery » Unknown Tag: Title10 Random Tutorial | Add Site

Sr Instructional Designer D2L-Moodle,Clearance WSI Nationwide, Inc. US-NJ-Fort Monmouth 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