The InDebug VHTML (built with Adobe's Flash AS3 and XML) enables you to display a single HTML contents and embed them out. It supports rotation of an RSS, XSPF or ASX playlists with JPG, GIF and PNG images, html text, css 1.0, links and a wide range of flashvars (variables) for tweaking both behavior and appearance and an extensive tracking system.
Installation
This section details a step-by-step process of how to install the Image Viewer onto your page. The download ZIP contains all you need to get started.
Step 1: Transfer the imageview.swf and list.xml file from the ZIP to your website. (Make sure that you’ve also uploaded all photos you want to show onto your site.)
Step 2: Edit the list.xml file so that it contains the titles, links and image URLs of your images. This can be done by using a simple text editor.
Step 3: Embed the Image Viewer 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 accordingly.)
<embed src="/imageviewer.swf" width="470" height="160" allowscriptaccess="always" allowfullscreen="true" flashvars="file=list.xml" />
Notice the flashvars parameter can contain a list of variables for configuring the viewer. Select the variables you want to use and insert their names/values onto your page. It’s that simple.
Documentation/Flashvars
Flashvars are variables you can insert into your HTML code to control both behavior and appearance of the Image Viewer. You can add them with the addVariable() function and with the embed tag method they are inside the flashvars attribute, stacked with an & symbol. Note that you must urlencode the three glyphs ? = & inside flashvars, because of the way these flashvars are presented to the viewer. The urlencoded values for these symbols are listed here:
- ? → %3F
- = → %3D
- & → %26
Tracking
Sets how to track images with api_key (API key). It can be either a tracking system or a complete API.
