Featured Flash FLA 11401 Flash Movies | 5 New Flash Movies Added What's New | Top 100 Featured FLA »  Author: Nick Kouvaris »  Title: Znax »  Description: Znax is a board game. Click 4 tiles of the same color and form squares as big as you can. You will erase all the tiles inside the square and collect points. Get maximum score if you make a square with game edges. »  More by: Nick Kouvaris Random FLAs | Add Flash Movie Featured Flash Site 4941 Flash Sites | 1 New Flash Links What's New | Top 100 Flash Site Featured Site »  Author Agence WOP Digital Agency »  Title: Electricdrum »  Description: French WOP Agency, 3D websites, Flash (Papervision, Away 3D), event or institutional projects. The agency operates on all digital projects: consulting, design, graphic design, development, online communication. The WOP agency follows you on the implementation of original, creative and optimized digital projects. Random Links | Add your own Flash Related Links

1481 Tutorials 7 New Tutorials Added! What's New | Top100 » How To Make A Simple Animation Using Christmas Clips » Simple Step by step flash game tutorial Spot the diffrence » How To Make A Moving Text Slide » Create Flash Banner With Text Float Effect » How To Make Zoo Photos Slideshow » How To Make A Dolphin Photos Slideshow » How To Make A Fathers Day Slideshow » How To Make A Transparent Background of Your Flash File » Create Flash Banner With Text Disco Light Effect Today we will introduce you a Text Disco Light eff » Unknown Tag: Title10 Random Tutorial | Add Site

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

Tutorials » Interactivity/Other

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

The Viewer Window

Create the object to be viewed, panned, and zoomed in on

Create/import an object...photo, diagram, figure, floorplan or whatever you have that you want to be seen in the viewer window. We'll call this clip (library name) 'object2View' for this tutorial. We'll also assume we're placing the clips on the _root level. Here's a list of things to check when creating it to avoid problems later.

• Take note of the clip's size (height and width). For this example it will be 600 pixels wide by 440 pixels tall (the size of the cropped/sized photo and of the previous piece I based this off of...)
  Note: make sure it is 100% and do not resize it with the scale tool from the _root level or via the transform/properties panel
• Make sure it is registered at 0,0 on it's own internal stage. (i.e. When you select it with the arrow tool from the _root level...it's crosshairs should be in the upper-right corner)
• Take note of where it is placed on the _root (you can do this on other levels, but we're sticking with root here) We are goint to put it at 0,0.
• Name the clip's instance and note that down/remember it. We'll call this one 'figure'. Why 'figure'? Because the first one I developed was done for figures in a manual...and I don't feel like chasing and changing all the code just yet.

Mask the viewed object

Create a mask using the layer above the layer this clip is on. Make the mask slightly larger or the same size as your clip and note that down. We'll do it the same size for simplicity sake.

» 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