The ZoomMap Combo (built with Adobe's Flash) enables you to display photos with map zoom effect and  a fluid transition. It supports PHP or ASP playlists with JPG, GIF and PNG images, a wide range  of flashvars (variables) for tweaking both behavior and appearance.

"Visualizations are courtesy of TheVisualMD.com"

Installation

This section details a step-by-step process of how to install the ZoomMap Combo onto your page. The download ZIP contains all you need to get started.

Step 1: Transfer the zoommc.swf from the ZIP to your website. (Make sure that you’ve also uploaded all photos and icons you want to show onto your site.)

Step 2: Edit the test.html file so that it contains the image URL. This can be done by using a simple text editor.

Step 3: Embed the ZoomMap Combo in your HTML page with the following lines of code. (Note: If you place the files in different directories, be sure to set the references in this embed code accordingl y.)

<embed 
  src="/zoommc.swf" 
  width="550" 
  height="400"
  allowscriptaccess="always" 
  allowfullscreen="true" 
  flashvars="imageFilename=images/1.jpg" 
/>

Flashvars

Flashvars are variables you can insert into your HTML code to control both behavior and appearance of the ZoomMap Combo. With the swfobject embed method, you add them with the addVariable() function and with the embed tag method they are inside the flashvarsattribute, stacked with an & symbol.

Note that you must urlencode the three glyphs ? = & inside flashvars, because of the way these flashvars are presented to the code. The urlencoded values for these symbols are listed here:

• ? → %3F
• = → %3D
• & → %26

Basic

• height : Sets the overall height of the ZoomMap.
• width : Sets the overall width of the rotator.
• imageFilename (undefined): Sets the location of the picture or the playlist to play. 
  

Appearance