>>Accordion online configurator

• galleryWidth - total gallery width (defaukt 500px)
• galleryHeight - total gallery height (default 400px)
• pictureWidth - width of the picture used in plugin (default 30px)
• bgColor - gallery background color (default #000000)
• leftTextBgColor - left text background color (default #222)
• bottomTextBgColor - bottom text background color (default #333333)
• borderColor - gallery border color (borderColor: '#9999aa)
• imagesOpacity - opacity of the images (when mouse coursor is out or item is closed) (default 0.5 - seconds)
• bottomTextOpacity - bottom text opacity (bottomTextOpacity: 0.6)
• eventType - type of the event used to navigate gallery (default 'over'), possible { over, click}
• showLeftText - show or hide left text- sh(showLeftText : true)
• showBottomText - show or hide bottom text (showBottomText: true)
• animationTime - time of the animation (default 0.6 - seconds)
• assetsPath - path to the folder with data.xml file (default 'assets')
• htmlConfig -use mode (false- data are loaded from XML, true- data are loaded from HTML page) (default true), possible {true, false}
• autoPlay - switch the slide automatically when true (default false){true, false}
• switchTime - slide change time when autoPlay option is true (default 2 seconds)
• switchOrder - determine switching direction. (LTR left to right, RTL right to left) (default 'LTR')
• showIcon - display left text icon or not (default false) { true, false}
• iconPath - icon url (default 'assets/arr.png')
  

 $(document).ready(function () { 
        $(document).ready(function () {
                  ('#main').FLCAccordion({ galleryWidth: 625, galleryHeight: 325 });
        })

                <li>
                    <img src="assets/pictures/1.jpg"/>
                    <p pos="left">
                        <span style="color:Red;">Fusce sed turpis enim, sollicitudin...</span>
                    </p>
                    <p pos="bottom">
                        <b style="font-family:Comic Sans MS;">Lorem Ipsum text</b><br/>
                        <u>Lorem Ipsum</u>
                    </p>
                    <a href=""></a>
                </li>

Flash Picture Carousel gallery is light weight, pure Action Script component, for presenting photos or Flash animations. Using Flash Picture Carousel you can easily without and specialist knowledge create interesting 3D effect on your page or blog. A lot of configuration parameters help you create unique style, adapted to the style of your web page design.

Carousel overall parameters

• galleryWidth - width of the "Image Carousel" gallery (not the swf object)
• rotationSpeed - gallery rotation speed.
• galleryYPosition - gallery vertical position on the scene. This parameter is very important when you are configuring gallery using XML file.
• autoRotating - if set to true gallery do not stop rotate even if mouse is out of the gallery. When set to false gallery stop rotating when mouse is out the gallery area.
• cameraYPosition - set the vertical position of the camera. You can set the view from top or from the bottom or when the parameter is set to 0 from the front of the gallery.
• newWindowTarget - target window where the link will be opened after clicking the thumb.
• dataXmlPath - path to the Data.xml file.
• perspectiveValue - gallery perspective value.
• perspectiveOpacityValue - perspective opacity. Value 100 - thumbnails perspective are visible, value 0 - thumbnails in the perspective are invisible.

Preview parameters

• previewWidth - Preview image width.
• previewHeight - Preview image height. When value is set to -1, height is adjusted to the real height of the loaded image.
• previewVerticalPosition - Preview vertical position, when the value is set to -1, position is calculated automatically according to gallery and camera vertical position.
• previewShadowDistance - Vertical and horizontal size of the shadow around the preview. Zero value hide the shadow.
• previewShadowColor - Preview shadow color.
• previewShadowAlpha - Opacity of the video shadow. Zero value hide the the shadow.
• previewTextBackgroundColor - Preview text background color.
• previewTextWidth - With of the preview text (displayed on the right side of the preview).
• ShowDescription - If set to true preview description is visible, if set to false text is hidden.

Thumbnails parameters

• thumbImageWidth - Thumbnails width.
• thumbImageHeight - Thumbnails height.
• thumbOpacity - Thumbnails opacity.
• thumbShadowDistance - Vertical and horizontal size of the shadow around the thumbnails.
• thumbShadow - Display shadow around all the thumbnails by default.
• thumbShadowColor - Thumbnails shadow color.
• thumbShadowAlpha - Thumbnails shadow opacity.
• thumbMirrorScaleY - Vertical size of the thumbnails mirror.
• thumbMirrorAlpha - Opacity of the thumbnails mirror.
• thumbBlur - Default thumbnails blur. Blur disappear on mouse over event.
  

Company text parameters

• companyText - Your text displayed on the gallery. Text formated according to Adobe flash HTML TextFields rules. Refer to http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/ text/TextField.html#htmlText.
• companyTextYPosition - Position of the company text.
• companyTextAlpha - Company text opacity.

– components inspector

– ActionScript code

– configuration xml file