Documentation for showroom.swf

Content

1) General colour settings

2) The showrrom items

3) Additional settings.

 

1) General colour settings

At the top of the xml file in the settings, you will find the following general colour settings:

bgColor = "1B1B1B" //The main color for all backgrounds including the video controls background color and rotator controls background color.
bgAlpha = ".5"
//The transparency for all backgrounds including the video controls background color and rotator controls background color.

scrollBtnOverColor = "CCFF00" //Color for the scroll button when mouse over
scrollBtnOverAlpha = ".5"
//transparency for the scroll button when mouse over
scrollBtnColor = "FFFFFF"
//Color for the scroll button in normal state
scrollBtnAlpha = ".5"
//transparency for the scroll button in normal state
scrollBarColor = "FFFFFF"
//Color for the scroll bar
scrollBarAlpha = ".5"
//transparency for the scroll bar

textBgColor = "1b1b1b" //The color of the background for the text
textBgAlpha = ".5" //The transparency of the background for the text

2) The showrrom items

Each showrrom item is defined by the <image> nodes as follows:

<image>
<src clickOption="text">images/showroom/1.jpg</src>
<largeDesc><![CDATA[<font size="24" face="GeosansLight">LOVE TO DANCE</font><br><br>Photographer:<br><A href="http://flashden.net/user/LGLab">John Doe</a><br><br>This is the main news area for each news. This text is <b>HTML formated</b> and imported dynamically from XML. <br>You can easlily insert <A href="http://flashden.net/user/LGLab">links</a>, <A href="mailto:yourEmail@mail.com">email links</a> styled using CSS, images etc... <br><br>This is a short description. The scroll bar will appear automaticaly if needed.<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vehicula libero vel tortor. Nam nisi dolor, faucibus non, ultricies sit amet, tempor non, nibh. Morbi ullamcorper ante sit amet nibh.Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>Donec pellentesque dui a elit. Donec sollicitudin. Donec eu nisl sit amet lectus gravida luctus. In pretium leo vitae ipsum. Ut euismod erat sit amet leo. Mauris at libero. Integer scelerisque imperdiet risus.]]></largeDesc>

</image>

You can add as many as you want, simply delete or duplicate the above <image> node.

The showrrom items support any image format as well as SWF files. Each item can individually have a "click" option or not. This click option can be set to display some text content with scoll bar support, and navigate to an external url.

a - Text content

In the <scr> node, set the "clickOption" parameter to "text" and fill the <largeDesc> node with your text, this text can be HTML formatted, as follows:

<image>
<src clickOption="text">images/showroom/1.jpg</src>
<largeDesc><![CDATA[<font size="24" face="GeosansLight">LOVE TO DANCE</font><br><br>Photographer:<br><A href="http://flashden.net/user/LGLab">John Doe</a><br><br>This is the main news area for each news. This text is <b>HTML formated</b> and imported dynamically from XML. <br>You can easlily insert <A href="http://flashden.net/user/LGLab">links</a>, <A href="mailto:yourEmail@mail.com">email links</a> styled using CSS, images etc... <br><br>This is a short description. The scroll bar will appear automaticaly if needed.<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vehicula libero vel tortor. Nam nisi dolor, faucibus non, ultricies sit amet, tempor non, nibh. Morbi ullamcorper ante sit amet nibh.Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>Donec pellentesque dui a elit. Donec sollicitudin. Donec eu nisl sit amet lectus gravida luctus. In pretium leo vitae ipsum. Ut euismod erat sit amet leo. Mauris at libero. Integer scelerisque imperdiet risus.]]></largeDesc>
</image>

b - External URL

To navigate to an external URL when clicking the image, set the "clickOption" parameter to "link" and fill the <largeDesc> with the full URL you want to use (including HTTP://) as follows:

<image>
<src clickOption="link">images/showroom/3.jpg</src>
<largeDesc><![CDATA[http://marketplace.envato.com/user/LGLab]]></largeDesc>
</image>

c - No click option

If you do not want any click option at all, leave both the "clickOption" parameter and <largeDesc> node empty as follows:

<image>
<src clickOption="">images/showroom/swf.swf</src>
<largeDesc><![CDATA[]]></largeDesc>
</image>

3) Additional settings.

At the top of the showrrom.xml you will find 2 extra settings.

a - scrollSpeed

scrollSpeed = "2" //Increase this number to increase the scroll speed of the showrrom

b- imageMaxHeight

The showrrom is set up so it will resize depending on the screen resolution of the current viewer, this allows ofr the showrrom to be fully visible at any screen resolution. However you may decide to allow for a maximum height for the content, this way the images will not stretch to the full screen size on large monitors.

imageMaxHeight = "600" //Set the maximum height for the images/SWFs to resize to

If you prefer to let the showrrom stretch to the maximum available space on the screen (between the header and footer), just leave this parameter empty as follows:

imageMaxHeight = ""


 

If there is anything that you need help with, please do not hesitate to contact me via my ActiveDen account