Zen Flash Gallery
Zen Flash Gallery author's design and smart usability make it the most elegant way to present your media content
Help > Zen Flash Gallery > SWF Object > Configuring The Gallery
Zen Flash Gallery - Configuring the gallery
Starting the Work
To start working simply paste object's HTML into your page and setup xml configuration file. You can place configuration file anywhere on your server.
Configuring the gallery
An XML file is used to configure the gallery. By editing the XML file, you can add or remove gallery images as well as edit multiple appearance and behavior settings. The format of the XML file is described below.
Gallery settings are described in the <settings></settings> tag of the XML file as follows: <parameter name> parameter value </parameter name>.
For example, the background color is configured using the tag <backgroundColor>0xAAC5D8 </backgroundColor>.
All the file information is contained in the <album> </album> structure.
<album icon="" thumbnailsFolder="" imagesFolder="" description="">
<image name="" description="" thumbnail=""/>
</album> <image name="" description="" thumbnail=""/> <image name="" description="" thumbnail=""/> |
album icon - name and location of the icon album image.
thumbnailsFolder - Path to the folder with thumbnail images.
imagesFolder - Path to the folder with album images
image name - Image name
description - Image description
thumbnail - thumbnail file name
XML file format
<gallery>
<imageScaleMode>fill</imageScaleMode>
<frameSize>5</frameSize> <frameColor>0xFFFFFF</frameColor> <cornerRadius>7</cornerRadius> <backgroundColor>0xAAC5D8</backgroundColor> <initialState>Load Image</initialState> <showCaption>Always</showCaption> <captionBackgroundAlpha>41</captionBackgroundAlpha> <captionBackgroundCornerRadius>4</captionBackgroundCornerRadius> <buttonsBackgroundAlpha>41</buttonsBackgroundAlpha> <buttonsBackgroundCornerRadius>4</buttonsBackgroundCornerRadius> <showButtons>Always</showButtons> <showAlbumsButton>true</showAlbumsButton> <showThumbnailsButton>true</showThumbnailsButton> <showSlideshowButton>true</showSlideshowButton> <showNavigationButton>true</showNavigationButton> <rotationDirection>Vertical CW</rotationDirection> <rotationDuration>700</rotationDuration> <panelBackgroundAlpha>43</panelBackgroundAlpha> <iconWidth>90</iconWidth> <iconHeight>55</iconHeight> <iconPadding>10</iconPadding> <rotationSound></rotationSound> <clickSound></clickSound> <overSound></overSound> </settings>
<albums>
<album icon="" thumbnailsFolder="" imagesFolder="" description="">
<image path="" description="" thumbnail=""/>
<image path="" description="" thumbnail=""/> <image path="" description="" thumbnail=""/> </album>
<album icon="" thumbnailsFolder="" imagesFolder="" description="">
<image path="" description="" thumbnail=""/>
<image path="" description="" thumbnail=""/> <image path="" description="" thumbnail=""/> </album>
<album icon="" thumbnailsFolder="" imagesFolder="" description="">
<image path="" description="" thumbnail=""/>
<image path="" description="" thumbnail=""/> <image path="" description="" thumbnail=""/> </album>
</album>
</gallery> |