ZOOM / PAN CONTROLS - WITH DYNAMIC IMAGE & SETTINGS

Prepared to display high resolution product photos, maps and any image or Flash swf. Can be implemented anywhere in a webpage or opened through standalone flash player. Automatically resizable to fit within the dimension specified in HTML file and even to fill the full browser window. Button controls available for zoom, pan and to reset the position of image.

• Can be dragged using Mouse.
• Can be zoomed using Mouse Wheel (for windows only)
• You can enable/disable the functionalities through available settings.
• Can specify your own canvas width and height.
• Supports Flash player version 7.0 and above.
• Coded with AS 2 .0, Source File in Flash 8.0.
• Fully editable MCs, No compiled Clips.
• Commented Action script and xml file.

Both the following versions of files included with deliverables:

1. Fully Editable Flash Source
   Flash source file included so that a designer / developer with basic knowledge in Adobe Flash can customize the settings and design if needed. Of course, the image can also be added directly in to Flash library if preferred.
2. Flash Source + XML file to adjust settings
   No knowledge on Flash needed. All the settings can be made without editing the flash. The image file link and all the necessary values are received from the XML file. You can even change the button color, transparency and location of buttons through the XML file.

Here is the list of available dynamic settings:

1. Image can be loaded outside from Flash. Either you can specify the file path through XML or through Flash variables method from the html file.
2. Amount (speed) of zoom and speed of movement in response to the buttons can be adjusted.
3. Adjustable Easing value (smoothness of movement and zoom)
4. Maximum allowed zoom level is adjustable.
5. Alignment and location of the control buttons
6. Color and transparency of Button and its background
7. The Mouse Drag option or Position buttons can be disabled (if preferred)

Below is the screenshot of the XML file:

For those who purchased this file and like to load this into another swf:

Note:
1. Flash player 7.0 supports loading external images in JPG / JPEG /JPE formats only. If you prefer to load GIF or PNG , the same Flash file should be published in 8.0 versions. For this reason, a version published with 8.0 also included with deliverables.

2. The above preview is published with player version 7.0. If you publish the file as version 8.0, the dynamic images will not have smoother look than version 7.0. This is a know limitation understood as player’s capabilities (See below for an update on this).


UPDATE : [08 AUG 2008 ]

1. Keyboard shortcuts added: UP, DOWN , LEFT, RIGHT , SPACE, +, –
2. For those who like to publish in player version 8.0, bitmap smoothing added to acheive the same smoothness available in 7.0. The new source files added inside the folder “player version 8.0”. Please experiment yourself as the efficiency of display depends on the dimensions of image.

UPDATE : [12 AUG 2008 ]

• As requested, I made it to work along with interactive swf. In the place of image, you can now load an swf with buttons and links.
• Also you can call (load) more swf files from within the content swf. If you think the content swf changes its width and height dynamically, you need to call a function to make the zoom actions to work in response to change. It is explained in the document provided with source files.

Posted about 1 month ago