I decided to code a Multilight-Viewer so you can switch between your multilight images. It’s XML-based, simply put the names for the buttons and the paths to the images into the XML-file. You can choose between three positions of the navigation bar: left, middle or right in the HTML-file. To change the size of the player, alter the width and height values in the HTML-file.

Here is a more in depth explanation:

The ZIP-archive contains the SWF, XML and the HTML-file. With the XML-file you specify the paths to your images and the button labels.

For example:

XML
<pic>
<image>your_image.jpg</image>
<btnName>The button label for this image</btnName>
</pic>

If you have lots of images it may be better to put your images in an extra folder, then the syntax will be:

<pic>
<image>your_folder_name/your_image.jpg</image>
<btnName>The button label for this image</btnName>
</pic>

HTML
If you want to change the size of the SWF (the viewer), open the HTML-file with a simple Text-Editor like NotePad and change the width and height values as well as the margin values in this block:

object, embed {
position: absolute;
left: 50%;
top: 50%;
height: 600px; /* The height of your images */
margin: -300px 0 0 -500px; /* Half size of height and width, so it is centered x and y */
outline: none;
}

The margin values are necessary for centering the player in the browser window. Its values are top, right, bottom, left. If you just want to center it horizontally and vertically, alter the first and the last entry. The values should be half of the image size.

For changing the position of the drop-down-menu, just alter this line to your needs:

<param name="FlashVars" value="navMenu=right"> <!-- Values: left, right or middle -->

Click to download Multilight-Viewer v1.0

Click image for a demo.

If you have any questions or suggestions for improvements, feel free to comment.

Keywords: maxwell, multilight, viewer

This entry was posted on Freitag, April 2nd, 2010 at 10:19 and is filed under Allgemeines. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.