 |
|
|
|---|
|
Flash Component
Flash SWF Object
FAQ
|
|
|
|
|
|---|
|
Userguide
Art Flash Gallery COMPONENT is a standard extension for Adobe Flash CS3.
You simply install the MXP file and then you just drag & drop the component
from the Components panel onto the scene of your movie.
Art Flash Gallery SWF-Object was developed for users who do not have Adobe Flash.
The object cannot be controlled with ActionScript. It can work only with
external files and set up only through an XML file.
FLASH COMPONENT DOCUMENTATION
Purchase and Installation
Once you purchase the component, the link to the download file will be sent to you by e-mail. This will be a zip archive with the component files and the documentation. Download this archive to your computer, unzip it and run the ArtFlashGallery.mxp file. This will install the component on your computer. If you are not currently running the FLASH, close and restart it. The next time the environment is started the component will appear in the components panel and be ready to work.
Starting the Work
To start working with the component simply drag its copy onto the Stage.
Component Live Preview
The Live Preview feature, enabled by default, lets you view components on the Stage as they will appear in the published Flash content; the components appear at their approximate size.
The screenshot below illustrates initial appearance of the stage with Art Flash Gallery component on it.
For example let us change gallery background color and thumbnails width.
For that we change bgColor and thumbWidth parameters in Component Inspector.
We set bgColor to Black
We set thumbWidth to 60
As you can see the gallery LivePreview reflects our change made earlier
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 <setup> </setup> tag
of the XML file as follows:
<parameter name> parameter value </parameter name>.
For example, the background color is configured using the tag
<bgColor>parameter value</bgColor>.
You can add an image to the gallery by adding the tag <item></item> to
the XML file. In this tag you specify the path to the image by means of the
<img>path</img> tag, the path to the thumbnail by means of
the <thumb>path</thumb> tag, and image caption by means of the
<caption>image caption</caption> tag.
You can add a link to the image by adding the <link></link> tag.
XML file format
<galery>
<setup>
<!-- Gallery parameters are described in this section -->
<imgPath>images\</imgPath>
<backgroundColor>0x0037FA</backgroundColor>
<thumbAlpha>0.7</thumbAlpha>
<thumbHeight>30</thumbHeight>
</setup>
<item>
<!-- Path to the image, path to the thumbnail, and image caption are described in this section -->
<thumb>img2.jpg</thumb>
<img>img1.jpg</img>
<caption>caption img</caption>
</item>
<item>
<thumb>…</thumb>
<img>…</img>
<caption>…</caption>
</item>
<item>
<thumb>…</thumb>
<img>…</img>
<caption>…</caption>
</item>
</galery>
Gallery parameters
| Parameter name |
Parameter description |
Example |
| configXML |
Full path to the XML settings file and filename. For example,YourFolder/gallery.xml |
|
| backgroundImgPath |
Path to the background of image file |
|
| backgroundImgAlpha |
Background of image transparency |
|
| loadIndicatorColor |
Color of the image load indicator |
|
| thumbScrollSpeed |
Thumbnail scroll speed |
|
| loadIndicatorOn |
Show/hide image load indicator |
|
| slideshowDelay |
Image display duration in Slideshow mode
(in seconds) |
|
| slideshowOn |
Slideshow mode on/off |
|
| bgAlpha |
Background transparency |
|
| bgColor |
Background color |
|
| bgCorner |
Background corners roundness degree |
|
| imgScaleMode |
Type of image scaling to the size of the visible area. Possible values: scaleToFitArea, scaleToFillArea, scaleToAreaHeight, scaleToAreaWidth, stretchToArea |
|
| imgAlpha |
Image transparency |
|
| imgCaptionColor |
Color of image captions |
|
| imgCaptionFont |
Font of image captions |
|
| imgCaptionSize |
Font size of image captions |
|
| imgCaptionAlpha |
Caption transparency |
|
| imgCaptionPosition |
Position of image captions. Possible values: top, bottom. |
|
| imgCaptionBgColor |
Background color of captions |
|
| imgCaptionBgAlpha |
Background transparency of captions |
|
| imgCaptionShow |
Defines when to show an image caption. Possible values: onRollOver, onLoad, never. |
|
| imgMaskCorner |
Image corners roundness degree |
|
| imgShadowOn |
Show/hide shadow of image |
|
| imgShadowAlpha |
Image shadow alpha |
|
| imgShadowAngle |
Image shadow angle |
|
| imgShadowDistance |
Image shadow distance |
|
| imgShadowSize |
Image shadow size |
|
| imgCaptionShadowOn |
Show/hide shadow of caption |
|
| spaceBetweenThumbs |
Space between thumbnails |
|
| transitionEffect |
Type of image transition effect. Possible values: fade, zoom, squeeze, pixelDissolve, blinds, wipe, iris, photo, fly, rotate. |
|
| thumbDistance |
Distance between thumbnails |
|
| thumbAlpha |
Thumbnail transparency |
|
| thumbHeight |
Thumbnail height |
|
| thumbMaskCorner |
Degree of thumbnail roundness |
|
| thumbOutlineAlpha |
Thumbnail transparency degree |
|
| thumbOutlineColor |
Thumbnail outline color |
|
| thumbOutlineColorActive |
Active thumbnail outline color |
|
| thumbOutlineRoll |
Outline color of the thumbnail with the mouse pointer rolled over it |
|
| thumbOutlineThick |
Thumbnail outline thickness |
|
| thumbPosition |
Thumbnail position. Possible values: left, right, top, bottom. |
|
| thumbRowsCount |
Number of rows with thumbnails |
|
| thumbToImgSpace |
Space between the image and thumbnails |
|
| thumbWidth |
Thumbnail width |
|
| thumbShadowOn |
Show/hide shadow of thumbnail |
|
| thumbShadowAlpha |
Thumbnail shadow alpha |
|
| thumbShadowAngle |
Thumbnail shadow angle |
|
| thumbShadowDistance |
Thumbnail shadow distance |
|
| thumbShadowSize |
Thumbnail shadow size |
|
| thumbReflectionsOn |
Show/hide thumbnail reflections |
|
| thumbReflectionsAlpha |
Degree of transparency of thumbnail reflections |
|
| thumbReflectionsHeight |
Height of thumbnail reflections |
|
| thumbPreviewOn |
Show/hide image preview element |
|
| thumbPreviewAlpha |
Transparency of the image preview element |
|
| thumbPreviewHeight |
Height of the image preview element |
|
| thumbPreviewMaskCorner |
Roundness of the preview mask corners |
|
| thumbPreviewWidth |
Width of the image preview element |
|
| thumbSoundOnClick |
Thumbnail click sound. Specify path to sound file. For example, sounds/click.mp3 |
|
| thumbSoundOnRollover |
Sound heard when the mouse pointer is rolled over a thumbnail. Specify path to sound file. For example, sounds/over.mp3 |
|
| showButtonsOn |
Show/hide buttons |
|
| buttonsAlignVert |
Vertical buttons alignment. Possible values: top, bottom. |
|
| buttonsAlignHor |
Horizontal buttons alignment. Possible values: left, right. |
|
Some of the parameters are listed separately because their values do not need to be modified in the
majority of cases.
Advanced gallery configuration parameters
| Parameter name |
Parameter description |
Example |
| slideshowLoop |
Loop/unloop image display in automatic mode if all images are shown |
|
| randomImages |
Determines whether images are displayed randomly or sequentially. If the parameter value is "true", images will be displayed randomly. Otherwise, they will be displayed in the sequence of image descriptions in the XML file. |
|
| imgScaleAlignHor |
Horizontal image alignment. Possible values: center, left, right. |
|
| imgScaleAlignVert |
Vertical image alignment. Possible values: center, top, bottom. |
|
| transitionStartPoint |
Starting point of the image transition effect. Used for fly/wipe/iris transition effects (parameter: transitionType). |
|
| transitionDirection |
Direction of the image transition effect. Horizontal or vertical direction is possible. Used for squeeze/blinds/rotate transition effects |
|
| transitionRotateDegrees |
Used for "rotate" transition effect. |
|
| transitionIrisShape |
Used for "iris" transition effect. Possible values: circle, square. |
|
| transitionPixelDissolveSize |
Used for "pixelDissolve" transition effect. |
|
| transitionEasingType |
Easing Function for the transition effect. Possible values: back, bounce, elastic, regular, strong. |
|
| transitionEasingFunction |
Easing Function for the transition effect. Values: in, inOut, out. |
|
| transitionTime |
Transition effect duration (in seconds) |
|
| thumbPreviewDelay |
Image preview delay when the mouse pointer is rolled over the thumbnail |
|
| thumbPreviewDistance |
Distance between the image preview element and the thumbnail |
|
| thumbPreviewShowAni… |
Image preview animation time |
|
Component API
| Method name |
Example |
nextImage()
Goes to the next image |
instanceName.nextImage(); |
prevImage()
Goes to the previous image |
instanceName.prevImage(); |
startAutoPlay()
Enables slide show mode |
instanceName.startAutoPlay(); |
stopAutoPlay()
Disables slide show mode |
instanceName.stopAutoPlay(); |
setFullScreen()
Enables Full Screen mode |
instanceName.setFullScreen(); |
setNormalScreen()
Disables Full Screen mode |
instanceName.setNormalScreen(); |
| Property name |
Example |
thumbScrollSpeed
Thumbnail scroll speed |
To get value:
var = instanceName.thumbScrollSpeed;
To set new value:
instanceName.setthumbScrollSpeed(10);
|
loadIndicatorOn
Show/hide image load indicator |
To get value:
var = instanceName.loadIndicatorOn;
To set new value:
instanceName.loadIndicatorOn(false);
|
loadIndicatorColor
Color of image load indicator |
To get value:
var = instanceName.loadIndicatorColor;
To set new value:
instanceName.loadIndicatorColor(0x000000);
|
slideshowDelay
Duration time in Slideshow mode (in seconds) |
To get value:
var = instanceName.slideshowDelay;
To set new value:
instanceName.slideshowDelay(2);
|
slideshowLoop
Loop/unloop image display in automatic mode if all images are shown |
To get value:
var = instanceName.slideshowLoop;
To set new value:
instanceName.slideshowLoop(true);
|
bgCorner
Background corners roundness degree |
To get value:
var = instanceName.bgCorner;
To set new value:
instanceName.bgCorner(5);
|
bgAlpha
Background transparency |
To get value:
var = instanceName.bgAlpha;
To set new value:
instanceName.bgAlpha(0.5);
|
bgColor
Background color |
To get value:
var = instanceName.bgColor;
To set new value:
instanceName.bgColor(0xFFFFFF);
|
imgScaleMode
Type of image scaling |
To get value:
var = instanceName.imgScaleMode;
To set new value:
instanceName.imgScaleMode(scaleToAreaWidth);
|
imgScaleAlignVert
Vertical image alignment |
To get value:
var = instanceName.imgScaleAlignVert;
To set new value:
instanceName.imgScaleAlignVert(center);
|
imgScaleAlignHor
Horizontal image alignment |
To get value:
var = instanceName.imgScaleAlignHor;
To set new value:
instanceName.imgScaleAlignHor(center);
|
imgMaskCorner
Image corners roundness degree |
To get value:
var = instanceName.imgMaskCorner;
To set new value:
instanceName.imgMaskCorner(5);
|
imgAlpha
Image transparency |
To get value:
var = instanceName.imgAlpha;
To set new value:
instanceName.imgAlpha(1);
|
imgCaptionFont
Font of image captions |
To get value:
var = instanceName.imgCaptionFont;
To set new value:
instanceName.imgCaptionFont(“Verdana”);
|
imgCaptionColor
Color of image captions |
To get value:
var = instanceName.imgCaptionColor;
To set new value:
instanceName.imgCaptionColor(0x000000);
|
imgCaptionSize
Font size of image captions |
To get value:
var = instanceName.imgCaptionSize;
To set new value:
instanceName.imgCaptionSize(12);
|
imgCaptionPosition
Position of image captions |
To get value:
var = instanceName.imgCaptionPosition;
To set new value:
instanceName.imgCaptionPosition(bottom);
|
imgCaptionBgColor
Background color of captions |
To get value:
var = instanceName.imgCaptionBgColor;
To set new value:
instanceName.imgCaptionBgColor(0x000000);
|
imgCaptionBgAlpha
Background transparency of captions |
To get value:
var = instanceName.imgCaptionBgAlpha;
To set new value:
instanceName.imgCaptionBgAlpha(0.5);
|
imgCaptionShow
Defines when to show an image caption |
To get value:
var = instanceName.imgCaptionShow;
To set new value:
instanceName.imgCaptionShow(onRollOver);
|
transitionEffect
Type of image transition effect |
To get value:
var = instanceName.transitionEffect;
To set new value:
instanceName.transitionEffect(fade);
|
transitionStartPoint
Starting point of the image transition effect |
To get value:
var = instanceName.transitionStartPoint;
To set new value:
instanceName.transitionStartPoint(left);
|
transitionDirection
Direction of the image transition effect.
Horizontal or vertical direction is possible |
To get value:
var = instanceName.transitionDirection;
To set new value:
instanceName.transitionDirection(horizontal/ccw);
|
transitionRotateDegrees
Used for "rotate" transition effect |
To get value:
var = instanceName.transitionRotateDegrees;
To set new value:
instanceName.transitionRotateDegrees(820);
|
transitionIrisShape
Used for "iris" transition effect.
Possible values: circle, square |
To get value:
var = instanceName.transitionIrisShape;
To set new value:
instanceName.transitionIrisShape(square);
|
transitionPixelDissolveSize
Used for "pixelDissolve" transition effect |
To get value:
var = instanceName.transitionPixelDissolveSize;
To set new value:
instanceName.transitionPixelDissolveSize(10);
|
transitionEasingType
Easing function type for the transition effect |
To get value:
var = instanceName.transitionEasingType;
To set new value:
instanceName.transitionEasingType(bounce);
|
transitionEasingFunction
Easing Function for the transition effect |
To get value:
var = instanceName.transitionEasingFunction;
To set new value:
instanceName.transitionEasingFunction(out);
|
transitionTime
Transition effect duration (in seconds) |
To get value:
var = instanceName.transitionTime;
To set new value:
instanceName.transitionTime(2);
|
thumbWidth
Thumbnail width |
To get value:
var = instanceName.thumbWidth;
To set new value:
instanceName.thumbWidth(60);
|
thumbHeight
Thumbnail height |
To get value:
var = instanceName.thumbHeight;
To set new value:
instanceName.thumbHeight(40);
|
thumbMaskCorner
Degree of thumbnail roundness |
To get value:
var = instanceName.thumbMaskCorner;
To set new value:
instanceName.thumbMaskCorner(5);
|
spaceBetweenThumbs
Space between thumbnails |
To get value:
var = instanceName.spaceBetweenThumbs;
To set new value:
instanceName.spaceBetweenThumbs(10);
|
thumbRowsCount
Number of rows with thumbnails |
To get value:
var = instanceName.thumbRowsCount;
To set new value:
instanceName.thumbRowsCount(1);
|
thumbPosition
Thumbnail position |
To get value:
var = instanceName.thumbPosition;
To set new value:
instanceName.thumbPosition(top);
|
thumbToImgSpace
Space between the image and thumbnails |
To get value:
var = instanceName.thumbToImgSpace;
To set new value:
instanceName.thumbToImgSpace(15);
|
thumbAlpha
Thumbnail transparency |
To get value:
var = instanceName.thumbAlpha;
To set new value:
instanceName.thumbAlpha(0.7);
|
thumbOutlineThick
Thumbnail outline thickness |
To get value:
var = instanceName.thumbOutlineThick;
To set new value:
instanceName.thumbOutlineThick(2);
|
thumbOutlineAlpha
Thumbnail outline transparency degree |
To get value:
var = instanceName.thumbOutlineAlpha;
To set new value:
instanceName.thumbOutlineAlpha(0.8);
|
thumbOutlineColor
Thumbnail outline color |
To get value:
var = instanceName.thumbOutlineColor;
To set new value:
instanceName.thumbOutlineColor(0xFFFFFF);
|
thumbOutlineColorRoll
Outline color of the thumbnail with the mouse pointer rolled over it |
To get value:
var = instanceName.thumbOutlineColorRoll;
To set new value:
instanceName.thumbOutlineColorRoll(0xFF0000);
|
thumbOutlineColorActive
Active thumbnail outline color |
To get value:
var = instanceName.thumbOutlineColorActive;
To set new value:
instanceName.thumbOutlineColorActive(0x8B0000);
|
thumbReflectionsOn
Show/hide thumbnail reflections |
To get value:
var = instanceName.thumbReflectionsOn;
To set new value:
instanceName.thumbReflectionsOn(true);
|
thumbReflectionsAlpha
Degree of transparency of thumbnail reflections |
To get value:
var = instanceName.thumbReflectionsAlpha;
To set new value:
instanceName.thumbReflectionsAlpha(0.5);
|
thumbReflectionsHeight
Height of thumbnail reflections |
To get value:
var = instanceName.thumbReflectionsHeight;
To set new value:
instanceName.thumbReflectionsHeight(40);
|
thumbPreviewOn
Show/hide image preview element |
To get value:
var = instanceName.thumbPreviewOn;
To set new value:
instanceName.thumbPreviewOn(true);
|
thumbPreviewMaskCorner
Roundness of the preview mask corners |
To get value:
var = instanceName.thumbPreviewMaskCorner;
To set new value:
instanceName.thumbPreviewMaskCorner(5);
|
thumbPreviewWidth
Width of the image preview element |
To get value:
var = instanceName.thumbPreviewWidth;
To set new value:
instanceName.thumbPreviewWidth(160);
|
thumbPreviewHeight
Height of the image preview element |
To get value:
var = instanceName.thumbPreviewHeight;
To set new value:
instanceName.thumbPreviewHeight(120);
|
thumbPreviewDistance
Distance between the image preview element and the thumbnail |
To get value:
var = instanceName.thumbPreviewDistance;
To set new value:
instanceName.thumbPreviewDistance(8);
|
thumbPreviewAlpha
Transparency of the image preview element |
To get value:
var = instanceName.thumbPreviewAlpha;
To set new value:
instanceName.thumbPreviewAlpha(0.9);
|
thumbPreviewDelay
Image preview delay when the mouse pointer is rolled over the thumbnail |
To get value:
var = instanceName.thumbPreviewDelay;
To set new value:
instanceName.thumbPreviewDelay(0.5);
|
thumbPreviewShowAnimationTime
Image preview animation time |
To get value:
var = instanceName.thumbPreviewShowAnimationTime;
To set new value:
instanceName.thumbPreviewShowAnimationTime(1);
|
showButtonsOn
Show/hide buttons |
To get value:
var = instanceName.showButtonsOn;
To set new value:
instanceName.showButtonsOn(true);
|
buttonsAlignVert
Vertical buttons alignment |
To get value:
var = instanceName.buttonsAlignVert;
To set new value:
instanceName.buttonsAlignVert(top);
|
buttonsAlignHor
Horizontal buttons alignment |
To get value:
var = instanceName.buttonsAlignHor;
To set new value:
instanceName.buttonsAlignHor(right);
|
FLASH SWF OBJECT DOCUMENTATION
Starting the Work
To start working simply paste object HTML into your page and setup xml configuration
file. You can place configuration file anywhere on your server.
SWF Object HTML code
Paste this code into your HTML-page and replace object stage parameter with
your values.
(following HTML-code supports MS Internet Explorer and Netscape Navigator)
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.
macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="width" height="height">
<param name="movie" value="swf file path">
<param name="quality" value="high">
<param name="scale" value="noscale">
<param name="bgcolor" value="background color">
<param name="flashVars" value="configXML=path to configuration file">
<param name="allowFullScreen" value="true">
<embed src="swf file path" width="width" height="height" flashvars="configXML=path to configuration
file" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="noscale"
bgcolor="background color" allowFullScreen="true"></embed>
</object>
<br />
<!-- You can't remove the copyright text below if you're using free version -->
<span style="font-size:.7em">©copyright <a href="http://flash-gallery.com/" title="Flash-Gallery.com - Art flash gallery free version">Flash-Gallery.com</a> </span>
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 <setup> </setup> tag
of the XML file as follows:
<parameter name> parameter value </parameter name>.
For example, the background color is configured using the tag
<bgColor>parameter value</bgColor>.
You can add an image to the gallery by adding the tag <item></item> to
the XML file. In this tag you specify the path to the image by means of the
<img>path</img> tag, the path to the thumbnail by means of
the <thumb>path</thumb> tag, and image caption by means of the
<caption>image caption</caption> tag.
You can add a link to the image by adding the <link></link> tag.
XML file format
<galery>
<setup>
<!-- Gallery parameters are described in this section -->
<imgPath>images\</imgPath>
<backgroundColor>0x0037FA</backgroundColor>
<thumbAlpha>0.7</thumbAlpha>
<thumbHeight>30</thumbHeight>
</setup>
<item>
<!-- Path to the image, path to the thumbnail, and image caption are described in this section -->
<thumb>img2.jpg</thumb>
<img>img1.jpg</img>
<caption>caption img</caption>
</item>
<item>
<thumb>…</thumb>
<img>…</img>
<caption>…</caption>
</item>
<item>
<thumb>…</thumb>
<img>…</img>
<caption>…</caption>
</item>
</galery>
Gallery parameters
| Parameter name |
Parameter description |
Example |
| configXML |
Full path to the XML settings file and filename. For example,YourFolder/gallery.xml |
|
| backgroundImgPath |
Path to the background of image file |
|
| backgroundImgAlpha |
Background of image transparency |
|
| loadIndicatorColor |
Color of the image load indicator |
|
| thumbScrollSpeed |
Thumbnail scroll speed |
|
| loadIndicatorOn |
Show/hide image load indicator |
|
| slideshowDelay |
Image display duration in Slideshow mode
(in seconds) |
|
| slideshowOn |
Slideshow mode on/off |
|
| bgAlpha |
Background transparency |
|
| bgColor |
Background color |
|
| bgCorner |
Background corners roundness degree |
|
| imgScaleMode |
Type of image scaling to the size of the visible area. Possible values: scaleToFitArea, scaleToFillArea, scaleToAreaHeight, scaleToAreaWidth, stretchToArea |
|
| imgAlpha |
Image transparency |
|
| imgCaptionColor |
Color of image captions |
|
| imgCaptionFont |
Font of image captions |
|
| imgCaptionSize |
Font size of image captions |
|
| imgCaptionAlpha |
Caption transparency |
|
| imgCaptionPosition |
Position of image captions. Possible values: top, bottom. |
|
| imgCaptionBgColor |
Background color of captions |
|
| imgCaptionBgAlpha |
Background transparency of captions |
|
| imgCaptionShow |
Defines when to show an image caption. Possible values: onRollOver, onLoad, never. |
|
| imgMaskCorner |
Image corners roundness degree |
|
| imgShadowOn |
Show/hide shadow of image |
|
| imgShadowAlpha |
Image shadow alpha |
|
| imgShadowAngle |
Image shadow angle |
|
| imgShadowDistance |
Image shadow distance |
|
| imgShadowSize |
Image shadow size |
|
| imgCaptionShadowOn |
Show/hide shadow of caption |
|
| spaceBetweenThumbs |
Space between thumbnails |
|
| transitionEffect |
Type of image transition effect. Possible values: fade, zoom, squeeze, pixelDissolve, blinds, wipe, iris, photo, fly, rotate. |
|
| thumbDistance |
Distance between thumbnails |
|
| thumbAlpha |
Thumbnail transparency |
|
| thumbHeight |
Thumbnail height |
|
| thumbMaskCorner |
Degree of thumbnail roundness |
|
| thumbOutlineAlpha |
Thumbnail transparency degree |
|
| thumbOutlineColor |
Thumbnail outline color |
|
| thumbOutlineColorActive |
Active thumbnail outline color |
|
| thumbOutlineRoll |
Outline color of the thumbnail with the mouse pointer rolled over it |
|
| thumbOutlineThick |
Thumbnail outline thickness |
|
| thumbPosition |
Thumbnail position. Possible values: left, right, top, bottom. |
|
| thumbRowsCount |
Number of rows with thumbnails |
|
| thumbToImgSpace |
Space between the image and thumbnails |
|
| thumbWidth |
Thumbnail width |
|
| thumbShadowOn |
Show/hide shadow of thumbnail |
|
| thumbShadowAlpha |
Thumbnail shadow alpha |
|
| thumbShadowAngle |
Thumbnail shadow angle |
|
| thumbShadowDistance |
Thumbnail shadow distance |
|
| thumbShadowSize |
Thumbnail shadow size |
|
| thumbReflectionsOn |
Show/hide thumbnail reflections |
|
| thumbReflectionsAlpha |
Degree of transparency of thumbnail reflections |
|
| thumbReflectionsHeight |
Height of thumbnail reflections |
|
| thumbPreviewOn |
Show/hide image preview element |
|
| thumbPreviewAlpha |
Transparency of the image preview element |
|
| thumbPreviewHeight |
Height of the image preview element |
|
| thumbPreviewMaskCorner |
Roundness of the preview mask corners |
|
| thumbPreviewWidth |
Width of the image preview element |
|
| thumbSoundOnClick |
Thumbnail click sound. Specify path to sound file. For example, sounds/click.mp3 |
|
| thumbSoundOnRollover |
Sound heard when the mouse pointer is rolled over a thumbnail. Specify path to sound file. For example, sounds/over.mp3 |
|
| showButtonsOn |
Show/hide buttons |
|
| buttonsAlignVert |
Vertical buttons alignment. Possible values: top, bottom. |
|
| buttonsAlignHor |
Horizontal buttons alignment. Possible values: left, right. |
|
Some of the parameters are listed separately because their values do not need to be modified in the
majority of cases.
Advanced gallery configuration parameters
| Parameter name |
Parameter description |
Example |
| slideshowLoop |
Loop/unloop image display in automatic mode if all images are shown |
|
| randomImages |
Determines whether images are displayed randomly or sequentially. If the parameter value is "true", images will be displayed randomly. Otherwise, they will be displayed in the sequence of image descriptions in the XML file. |
|
| imgScaleAlignHor |
Horizontal image alignment. Possible values: center, left, right. |
|
| imgScaleAlignVert |
Vertical image alignment. Possible values: center, top, bottom. |
|
| transitionStartPoint |
Starting point of the image transition effect. Used for fly/wipe/iris transition effects (parameter: transitionType). Possible values: top left, top center, top right, left center, center, right center, bottom left, bottom center, bottom right. |
|
| transitionDirection |
Direction of the image transition effect. Horizontal or vertical direction is possible. Used for squeeze/blinds/rotate transition effects |
|
| transitionRotateDegrees |
Used for "rotate" transition effect. |
|
| transitionIrisShape |
Used for "iris" transition effect. Possible values: circle, square. |
|
| transitionPixelDissolveSize |
Used for "pixelDissolve" transition effect. |
|
| transitionEasingType |
Easing Function for the transition effect. Possible values: back, bounce, elastic, regular, strong. |
|
| transitionEasingFunction |
Easing Function for the transition effect. Values: in, inOut, out. |
|
| transitionTime |
Transition effect duration (in seconds) |
|
| thumbPreviewDelay |
Image preview delay when the mouse pointer is rolled over the thumbnail |
|
| thumbPreviewDistance |
Distance between the image preview element and the thumbnail |
|
| thumbPreviewShowAni… |
Image preview animation time |
|
FAQ
How to use images located on a different server.
Upload the crossdomain.xml file to the server containing your images (into the root folder)
Using custom navigation buttons.
If you want to use your own buttons to navigate, you can put them on the web-page, which consist flashgallery.swf. Later you can call definite functions using javascript:
You should call them using object id, which you gave to flashgallery.swf on your web-page.
For example:
<script language="JavaScript">
//call the function stopAutoPlay()
flashObject.stopAutoPlay();
</script>
...
<object id="flashObject"...>
...
<embed name="flashObject".../>
</object>
|
