A Flash Developer Resource Site














Internet Commerce

Partners & Affiliates














Developer Channel

internet.com


Featured Flash FLA
Gallery Downloads 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
Gallery Downloads 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
Flash Tutorials 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

Trading Customer Accounting (IL)
Next Step Systems
US-IL-Chicago

Justtechjobs.com Post A Job | Post A Resume


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

Search Tutorials


Tutorials Tutorials » Interactivity/Other

Categories Pan and Zoom View w/Thumbnail
Author: Galego | Website: http://jason.eastendinteractive.com |

 
Page 7
«prev 1 2 3 4 5 6 7 8 next»

The Zoom Slider (Part 2)

Add a second frame to the clip and use the following code...

Code for frame 1

// the x-coord is the starting point of the slider knob
x_coord = 650;
// 700 is as far as the
x_limit = 700;
if (mouse_down eq "true") {
 play ();
} else {
 stop ();
}

Code for frame 2

//get the current x of the knob and compare it to what it was previously to see if we need to update anything
var cur_x = _root.zoom_knob._x;
if (Number(cur_x)<>Number(prev_x)) {
 //the x has changed...use this *simple* equation below
 // It's based on 50 px movement, 400% zoom & a base mag_factor of 5 (that's where the 6 comes from)
 var zoom_perc = 400 - (6*(x_limit - cur_x));
 // Figure out the inverse percentage for the magnifying glass
 // 20 is the maximum mag_factor (400% with a base mag_factor of 5 and defaulted at 100%)
 var mag_perc = (100/zoom_perc)*20;
 // Call the scaling function and moving function
 _root.scale_mag(zoom_perc,mag_perc);
 _root.move_panel();
}
// Set the current x as previous and do it again...as long as the knob is moving
prev_x = cur_x;
gotoAndPlay (1);
This code works like the panning routine in the 'mag' MC. Like that one you could also put frame 2's code in the MC using OnClipEvent(EnterFrame).
Note: You could do a vertical zoom (track _y instead of _x).

«prev 1 2 3 4 5 6 7 8 next»

» Level Advanced

Added: : 2002-08-20
Rating: 7.95 Votes: 21
Hits: 1836
» Author
Galego (aka Jason White) is an Instructional Designer and a Capoeirista from Grupo CapuraGinga.
» Download
Download the files used in this tutorial.
Download (1488 kb)
Get conversion and unzipping tools for PC and Mac here!

» 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
Read or Post Comments
 
   
 

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs