A Flash Developer Resource Site
Internet Commerce
Developer ChannelFlashKit.com
JavaScriptSource Developer Jobs ScriptSearch WebDeveloper.com Webreference HTMLGoodies HTML5 Dev Center Developer.com jGuru.com PHPBuilder
|
  Tutorials HomeWhat's NewTop RatedSubmitmyTutesRandom!
Search Tutorials
 Tutorials » Interactivity/Other
The Zoom Slider (Part 1)The zoom slider works similarly to the magnifying glass in the frame code...but does a little more math before passing on to the functions at the root level.Create the movie clipCreate a new movie clip and create a knob looking graphic (a simple radial gradient will do for most people). over that graphic, place your/a transparent button. Size (and/or shape) it to lay over the knob graphic. Important: Use the alignment tool to center (horizontally and vertically) the graphic and button relative to the stage...this clip is not registered at 0,0 internally.
The drag effect
on (press) {
y_coord = _root.zoom_knob._y;
//drag the knob in a confined space
_root.zoom_knob.startDrag(true, x_coord, y_coord, x_limit, y_coord);
mouse_down = "true";
play ();
// Set the toggle and play the magnifying glass clip as well
_root.mag.mouse_down = "true";
_root.mag.play();
}
on (release, releaseOutside) {
stopDrag ();
mouse_down = "false";
stop ();
// Stop the magnifying glass clip and set the mouse_down toggle to false
_root.mag.mouse_down = "false";
_root.mag.stop();
}
Next we do the code in the frames...
|
||||||||||||||||||||||||||||||||||||||||||||||||
 |
|||||||||||||||||||||||||||||||||||||||||||||||||
Pan and Zoom View w/Thumbnail
|
 |
 |
|