Stack |
|
| StackPerspective |
Specifies the angle of view on the stack. Default: 25 An angle larger than 0 turns the stack to the right (e. g., 25), an angle smaller than 0 turns the stack to the left (e. g., -25). |
| StackCenterLeft |
Indicates the horizontal position of the Stack from the center of the animation
area. Default: 0 "0" positions the Stack in the center of the animation area. With this property the animation can be positioned horizontally left or right. Use positive values to position the Stack right of center, and negative values to position the Stack left of center. |
| StackCenterTop |
Indicates the vertical position of the Stack from the center of the animation
area. Default: 0 "0" positions the Stack in the center of the animation area. With this property the animation can be positioned vertically up or down. Use positive values to position the Stack down from center, and negative values to position the Stack up from center. |
| StackRandomImages |
Indicates the number of random images shown in the animation. Default: 0 Images are selected randomly from all available images. "0" displays all images. |
| StackPreloader |
Indicates the file path to a Flash file (.swf) or image (.jpg, .png, .gif) to
display as a preloader message while content for the animation is loading into
the browser. Default: 0 |
| StackRenderDepth |
Specifies the number of stack images to be rendered in highest quality. Default: 7 To optimize the performance you should select the lowest value at which the Stack can be displayed faultlessly. Example: If you select the value "7", all images of the 3D Stack are rendered in highest quality – even if they show only partially behind the first image. If you select the value "4", only the first four images are rendered in highest quality when flipping through the stack. This may improve performance. |
|
Background |
|
| BackGroundColor |
Indicates the animation area background color. Default: #ffffff |
| BackGroundImagePath |
Specifies the path of an image displayed as the background image. Default: - |
| BackGroundImageLeft |
Indicates the margin between the left edge of the animation area and the left
border of the background image (use positive or negative values). Default: 0 |
| BackGroundImageTop |
Indicates the margin between the top edge of the animation area and the top
border of the background image (use positive or negative values). Default: 0 |
|
Slideshow |
|
| SlideShowEnabled |
Indicates if animation images should automatically transition in slide show
fashion. Default: false |
| SlideShowDelay |
Indicates the delay in seconds between changes to animation images.. Default: 4 |
| SlideShowToolTipEnabled |
Indicates if animation image tooltips are displayed when slide show mode is
enabled. Default: false |
|
SlideShowDisableInter activity |
Indicates if you wish to hide navigation buttons and disable mouse click
sensitivity. "true" sets the animation to run in display mode only with no
interactivity. Default: false |
|
Navigation |
|
|
NavigationType |
Indicates the navigation buttons position. Default: br The following options are supported: br : bottom right bl : bottom left tr : top right tl : top left custom : Allows you to position the buttons anywhere within the animation area. |
| NavigationSpeed |
Indicates the interactivity speed (in seconds) at which the animation images
change on click. Default: 0.6 |
| NavigationButtonsColor |
Indicates the navigation buttons color. Default: #ff0000 |
| NavigationButtonsAlpha |
Indicates the alpha transparency level (in percent) for navigation buttons (use
lower values for more transparency). Default: 75 |
| NavigationButtonPrevLeft |
Indicates the margin between the left edge of the animation area and the left
border of the "Previous" navigation button. Note: This element works only when the option NavigationType ist set to custom. |
| NavigationButtonPrevTop |
Indicates the margin between the top edge of the animation area and the top
border of the "Previous" navigation button. Note: This element works only when the option NavigationType ist set to custom. |
| NavigationButtonPrevPath |
Indicates the file path to a custom "Previous" navigation button image (.jpg,
.png, .gif). Default: - This setting allows you to replace the standard button with your own button image. |
| NavigationButtonNextLeft |
Indicates the margin between the left edge of the animation area and the left
border of the "Next" navigation button. Note: This element works only when the option NavigationType ist set to custom. |
| NavigationButtonNextTop |
Indicates the margin between the top edge of the animation area and the top
border of the "Next" navigation button. Note: This element works only when the option NavigationType ist set to custom. |
| NavigationButtonNextPath |
Indicates the file path to a custom "Previous" navigation button image (.jpg,
.png, .gif). Default: - This setting allows you to replace the standard button with your own button image. |
| NavigationFastLeafing |
Enable rapid mouse click sensitivity on Navigation Buttons for fast flipping through
the stack. Default: true |
|
Reflection |
|
| ReflectionVisible |
Indicates if the reflection effect is displayed. Default: true |
| ReflectionAlpha |
Indicates the alpha transparency level (in percent) for the reflection (use
lower values for more transparency). Default: 50 |
| ReflectionHeight |
Indicates the reflection height (in percent). Default: 50 |
| ReflectionDistance |
Indicates the distance between the reflection and the bottom of the animation
image. Default: 0. Use positive or negative values, e.g -5 |
|
Detail Page Effects / Transitons |
|
| EffectsTime |
Indicates the duration of transition effects (in seconds). Default: 0.7 |
| EffectAnimationEntry |
Indicates the beginning animation effect. Default: "flyleft" Supported values: flycenter, flyleft, flyright, flytop, flybottom, fade |
| EffectAnimationExit |
Indicates the ending animation effect. Default: "flyleft" Supported values: flycenter, flyleft, flyright, flytop, flybottom, fade |
| EffectTooltipEntry |
Indicates the beginning Tootip effect. Default: "flyleft" Supported values: flycenter, flyleft, flyright, flytop, flybottom, fade |
| EffectTooltipExit |
Indicates the ending Tooltip effect. Default: "flyleft" Supported values: flycenter, flyleft, flyright, flytop, flybottom, fade |
| EffectDetailImageEntry |
Indicates the beginning Detail Image effect. Default: "flyleft" Supported values: flycenter, flyleft, flyright, flytop, flybottom, fade |
| EffectDetailImageExit |
Indicates the ending Detail Image effect. Default: "flyleft" Supported values: flycenter, flyleft, flyright, flytop, flybottom, fade |
| EffectContent1Entry |
Indicates the beginning Text Field 1 effect. Default: "flyleft" Supported values: flycenter, flyleft, flyright, flytop, flybottom, fade |
| EffectContent1Exit |
Indicates the ending effect for Text Field 1. Default: "flyleft" Supported values: flycenter, flyleft, flyright, flytop, flybottom, fade |
| EffectContent2Entry |
Indicates the beginning Text Field 2 effect. Default: "flyleft" Supported values: flycenter, flyleft, flyright, flytop, flybottom, fade |
| EffectContent2Exit |
Indicates the ending effect for Text Field 2. Default: "flyleft" Supported values: flycenter, flyleft, flyright, flytop, flybottom, fade |
| TransitionAnimationEntry |
Indicates the beginning animation transition. Default: "linear" Supported values: overview |
| TransitionAnimationExit |
Indicates the ending animation transition. Default: "linear" Supported values: overview |
| TransitionTooltipEntry |
Indicates the beginning Tooltip transition. Default: "linear" Supported values: overview |
| TransitionAnimationExit |
Indicates the ending Tooltip transition. Default: "linear" Supported values: overview |
| TransitionDetailImageEntry |
Indicates the beginning Detail Image transition. Default: "linear" Supported values: overview |
| TransitionDetailImageExit |
Indicates the ending Detail Image transition. Default: "linear" Supported values: overview |
| TransitionContent1Entry |
Indicates the beginning Text Field 1 transition. Default: "linear" Supported values: overview |
| TransitionContent1Exit |
Indicates the ending Text Field 1 transition. Default: "linear" Supported values: overview |
| TransitionContent2Entry |
Indicates the beginning Text Field 2 transition. Default: "linear" Supported values: overview |
| TransitionContent2Exit |
Indicates the ending Text Field 2 transition. Default: "linear" Supported values: overview |
|
Tooltip |
|
| ToolTipType |
Indicates when the tooltip is displayed. Default: current Supported values: current, hover current: The tooltip is automatically displayed for the first image even if the pointer/cursor is not over the image. This is also the tooltip behavior during slide show. hover: The tooltip is shown for the animation image under which the pointer/cursor is positioned. "Hover" allows the user to scan across animation images quickly without zooming in on each image. |
| ToolTipHTML |
Indicates if tooltips can contain a subset of standard HTML tags. Default: "false". If this property is enabled, the properties "Align", "Bold", "FontColor", "FontSize", "Leading" and "Underline" are ignored. The following HTML tags are allowed: Anchor: <a href='http://www.3dcarousel.com'>Link</a> Bold: <b>Lorem ipsum ex vel prima</b> Font: <font color='#ffffff' size='12' face='Verdana'> Paragraph: <p>Lorem ipsum ex vel prima</p> Underline: <u>Lorem ipsum ex vel prima</u> Break: Lorem ipsum ex vel prima<br> Image: <img src='../images/logo.gif' width='80' height='30' hspace='0' vspace='2' align='left' /> List Item: <li>Lorem ipsum 1<br>Lorem ipsum 2<br>Lorem ipsum 3</li> |
| ToolTipAntiAliasing |
Indicates if font faces are displayed smooth and more legible. Default: "false". This property enables high quality font display and is preferred when using small font sizes (10 px or less). The standard Verdana font is used automatically. If you enable HTML, do not define fonts in HTML or your text will not display! <font color='#ffffff' size='11' face='Times New Roman'>Text</font> invaild! <font color='#ffffff' size='11'>Text</font> vaild! |
| ToolTipAlign |
Indicates the horizontal alignment of tooltip text. Default: left Supported values: left, right, center, justify |
| ToolTipBold |
Indicates if the text is bold. Default: false |
|
ToolTipItalic |
Indicates if the text is italicized. Default: false |
| ToolTipFont |
Indicates the font to be used. Default: Verdana |
|
ToolTipFontColor |
Indicates the font color. Default: #333333 |
|
ToolTipFontSize |
Indicates the font size. Default: 11 |
|
ToolTipLeading |
Indicates the space between lines (pixels). Default: 0 |
|
ToolTipUnderline |
Indicates if the font is underlined. Default: false |
|
ToolTipLeft |
Indicates the margin between the tooltip and the left border of the animation
window. Default: 0 |
| ToolTipTop |
Indicates the margin between the tooltip and the upper border of the animation
window. Default: 10 |
| ToolTipWidth |
Indicates the tooltip width. Default: 100 |
|
ToolTipHeight |
Indicates the text field height. Default: 30 |
| ToolTipBgColor |
Indicates the tooltip background color. Default: - |
| ToolTipBorder |
Indicates if a border is displayed around this text field. Default: false Temporarily enable this property as "true" to display a border, making it easier to position the tooltip. |
|
ToolTipBorderColor |
Indicates the border color. default: - |
|
ToolTipAlpha |
Indicates the alpha transparency level (in percent) for the tooltip (use lower
values for more transparency). Default: 100 |
|
ToolTipSelectable |
Specifies if the text field is selectable. Default: false If enabled as "true", the text can be highlighted with the mouse or keyboard. Selected text can be copied with the Copy (CTRL+C) command, then Paste (CTRL+V) anywhere. |
|
ToolTipTopMost |
Indicates if the tooltip is displayed on top of other animation objects. Default: true |
| ToolTipHideContent3 | Indicates if Static Text Field 1 (<StaticContent>)
is hidden when tooltips display. Default: false |
| ToolTipHideContent4 | Indicates if Static Text Field 2 (<StaticContent>)
is hidden when tooltips display. Default: false |
|
Detail Page |
|
| DetailPageEnabled |
Indicates if the Detail Page is displayed. Default: true |
|
Detail Image |
|
| DetailImageZoom |
Indicates the initial zoom percentage of the Detail Page image. Default: 100 |
| DetailImageLeft |
Indicates the margin between the image and the left border of the animation
window. Default: 10 |
| DetailImageTop |
Indicates the margin between the image and the upper border of the animation
window. Default: 100 |
|
Content1 / Content2 (dynamic text fields) |
|
|
Content1HTML / Content2HTML |
Indicates if the text field can contain a subset of standard HTML tags. Default: "false" If this property is enabled, the properties "Align", "Bold", "Font Color", "Font Size", "Leading" and "Underline" are ignored. The following HTML tags are allowed: Anchor: <a href='http://www.3dcarousel.com'>Link</a> Bold: <b>Lorem ipsum ex vel prima</b> Font: <font color='#ffffff' size='12' face='Verdana'> Paragraph: <p>Lorem ipsum ex vel prima</p> Underline: <u>Lorem ipsum ex vel prima</u> Break: Lorem ipsum ex vel prima<br> Image: <img src='../images/logo.gif' width='80' height='30' hspace='0' vspace='2' align='left' /> List Item: <li>Lorem ipsum 1<br>Lorem ipsum 2<br>Lorem ipsum 3</li> |
|
Content1AntiAliasing / Content2AntiAliasing |
Indicates if the font is displayed smooth and more legible. Default: "false" This property enables high quality font display and is preferred when using small font sizes (10 px or less). The standard Verdana font is used automatically. If you enable HTML, do not define fonts in HTML or your text will not display! <font color='#ffffff' size='11' face='Times New Roman'>Text</font> invaild! <font color='#ffffff' size='11'>Text</font> vaild! |
|
Content1Align / Content2Align |
Indicates the horizontal alignment of text field text. Default: left Supported values: left, right, center, justify |
|
Content1Bold / Content2Bold |
Indicates if the font is bold. Default: false |
|
Content1Italic / Content2Italic |
Indicates if the font is italicized. Default: false |
|
Content1Font / Content2Font |
Indicates the font to be used. Default: Verdana |
|
Content1FontColor / Content2FontColor |
Indicates the font color. Default: #333333 |
|
Content1FontSize / Content2FontSize |
Indicates the font size. Default: 11 |
|
Content1Leading / Content2Leading |
Indicates the space between lines (pixels). Default: 0 |
|
Content1Underline / Content2Underline |
Indicates if the font is underlined. Default: false |
|
Content1Left / Content2Left |
Indicates the margin between the left edge of the animation area and the left
border of the text field. Default: 0 | 110 |
|
Content1Top / Content2Top |
Indicates the margin between the top edge of the animation area and the top
border of the text field. Default: 10 | 10 |
|
Content1Width / Content2Width |
Indicates the text field width. Default: 100 | 100 |
|
Content1Height / Content2Height |
Indicates the text field height. Default: 30 |
|
Content1BgColor / Content2BgColor |
Indicates the text field background color. Default: - |
|
Content1Border / Content2Border |
Indicates if a border is displayed around the text field. Temporarily enable this property as "true" to display a border, making it easier to position this text field. |
|
Content1BorderColor / Content2BorderColor |
Indicates the border color. Default: - |
|
Content1Alpha /
Content2Alpha |
Indicates the alpha transparency level for the text field (use lower values for
more transparency). Default: 100 |
|
Content1Selectable / Content2Selectable |
Specifies if the text field is selectable. Default: true If enabled as "true", the text can be highlighted with the mouse or keyboard. Selected text can be copied with the Copy (CTRL+C) command, then Paste (CTRL+V) anywhere. |
|
JavaScript Functions With these settings you can specify the name of Java Script functions called by the animation when specific events occur. This gives you the possibility to create own JavaScript functions outside the animation via which the animation can communicate with other elements on the webpage. |
|
| JSImageMouseOverFunctionName |
Specifies the name of the Java Script function which is called when the mouse
pointer is moving over an animation image. Sample Value: OnImageMouseOver Implementation on webpage: [FunctionName](imageIndex) |
| JSImageMouseOutFunctionName |
Specifies the name of the Java Script function which is called when the mouse
pointer is leaving an animation image. Sample Value: OnImageMouseOut Implementation on webpage: [FunctionName](imageIndex) |
| JSImageClickedFunctionName |
Specifies the name of the Java Script function which is called when the
animation image is clicked. Sample Value: OnImageClicked Implementation on webpage: [FunctionName](imageIndex) |
| JSImageChangedFunctionName |
Specifies the name of the Java Script function which is called when the
center image has changed. Sample Value: OnImageChanged Implementation on webpage: [FunctionName](imageIndex) |
| JSDetailPageLoadedFunctionName |
Specifies the name of the Java Script function which is called when the Detail
Page has been loaded. Sample Value: OnDetailPageLoaded Implementation on webpage: [FunctionName](imageIndex) |
| JSDetailImageClickedFunctionName |
Specifies the name of the Java Script function which is called when the Detail
Page image is clicked. Sample Value: OnDetailImageClicked Implementation on webpage: [FunctionName](imageIndex) |
| JSDetailPageClosedFunctionName |
Specifies the name of the Java Script function which is called when the Detail
Page has been closed. Sample Value: OnDetailPageClosed Implementation on webpage: [FunctionName](imageIndex) |
| JSAnimationLoadedFunctionName |
Specifies the name of the Java Script function which is called when the
animation has been loaded. Sample Value: OnAnimationLoaded Implementation on webpage: [FunctionName](imageIndex) |
|
Stack Images |
|
| <Visible> |
Indicates if this image is displayed in the animation. Disable this property as "false" to exclude this image from display. |
| <ImagePath> |
Indicates the file path to this animation image. |
| <ImageLink> |
Indicates the URL to access (usually an http:// web page) when this image is
clicked. This property works only when the Detail Page is NOT enabled: DetailPageEnabled="false" |
| <ImageLinkTarget> |
Specifies where to open the linked page:
Default: _blank Supported values: _blank: Link page displayed in a new browser window. _self: Link page displayed in the animation area. _parent: Link page displayed in the parent page. _top: Link page displayed in the topmost frame. |
| <DetailPageImagePath> |
Indicates the file path to the Detail Page image associated with this animation
image. |
| <ToolTip> |
Indicates the contents of the tooltip displayed with this image. You can customize tooltip with additional properties. If you enable "HTML" (DetailPageHTML="true") you can use the following HTML tags in tooltip: Anchor: <a href='http://www.3dcarousel.com'>Link</a> Bold: <b>Lorem ipsum ex vel prima</b> Font: <font color='#ffffff' size='12' face='Verdana'> Paragraph: <p>Lorem ipsum ex vel prima</p> Underline: <u>Lorem ipsum ex vel prima</u> Break: Lorem ipsum ex vel prima<br> Image: <img src='../images/logo.gif' width='80' height='30' hspace='0' vspace='2' align='left' /> List Item: <li>Lorem ipsum 1<br>Lorem ipsum 2<br>Lorem ipsum 3</li> |
| <Content1> |
Indicates the contents of Text Field 1 displayed on the Detail Page. . You can customize Text Field 1 with additional properties. If you enable "HTML" (Content1HTML="true") you can use the following HTML tags in Text Field 1: Anchor: <a href='http://www.3dcarousel.com'>Link</a> Bold: <b>Lorem ipsum ex vel prima</b> Font: <font color='#ffffff' size='12' face='Verdana'> Paragraph: <p>Lorem ipsum ex vel prima</p> Underline: <u>Lorem ipsum ex vel prima</u> Break: Lorem ipsum ex vel prima<br> Image: <img src='../images/logo.gif' width='80' height='30' hspace='0' vspace='2' align='left' /> List Item: <li>Lorem ipsum 1<br>Lorem ipsum 2<br>Lorem ipsum 3</li> |
| <Content2> |
Indicates the contents of Text Field 2 displayed on the Detail Page. . You can customize Text Field 2 with additional properties. If you enable "HTML" (Content2HTML="true") you can use the following HTML tags in Text Field 2 Anchor: <a href='http://www.3dcarousel.com'>Link</a> Bold: <b>Lorem ipsum ex vel prima</b> Font: <font color='#ffffff' size='12' face='Verdana'> Paragraph: <p>Lorem ipsum ex vel prima</p> Underline: <u>Lorem ipsum ex vel prima</u> Break: Lorem ipsum ex vel prima<br> Image: <img src='../images/logo.gif' width='80' height='30' hspace='0' vspace='2' align='left' /> List Item: <li>Lorem ipsum 1<br>Lorem ipsum 2<br>Lorem ipsum 3</li> |
|
Static text fields 1 & 2 |
|
|
<StaticContents> <StaticContent |
|
| HTML |
Indicates if the text field can contain a subset of standard HTML tags. Default: "false" If this property is enabled, the properties "Align", "Bold", "Font Color", "Font Size", "Leading" and "Underline" are ignored. The following HTML tags are allowed: Anchor: <a href='http://www.3dcarousel.com'>Link</a> Bold: <b>Lorem ipsum ex vel prima</b> Font: <font color='#ffffff' size='12' face='Verdana'> Paragraph: <p>Lorem ipsum ex vel prima</p> Underline: <u>Lorem ipsum ex vel prima</u> Break: Lorem ipsum ex vel prima<br> Image: <img src='../images/logo.gif' width='80' height='30' hspace='0' vspace='2' align='left' /> List Item: <li>Lorem ipsum 1<br>Lorem ipsum 2<br>Lorem ipsum 3</li> |
| AntiAliasing |
Indicates if the font is displayed smooth and more legible. Default: "false" This property enables high quality font display and is preferred when using small font sizes (10 px or less). The standard Verdana font is used automatically. If you enable HTML, do not define fonts in HTML or your text will not display! <font color='#ffffff' size='11' face='Times New Roman'>Text</font> invaild! <font color='#ffffff' size='11'>Text</font> vaild! |
|
Align |
Indicates the horizontal alignment of text field text. Default: left Supported values: left, right, center, justify |
|
Bold |
Indicates if the font is bold. Default: false |
|
Italic |
Indicates if the font is italicized. Default: false |
| Font |
Indicates the font to be used. Default: Verdana |
|
FontColor |
Indicates the font color. Default: #333333 |
|
FontSize |
Indicates the font size. Default: 11 |
|
Leading |
Indicates the space between lines (pixels). Default: 0 |
|
Underline |
Indicates if the font is underlined. Default: false |
|
Left |
Indicates the margin between the left edge of the animation area and the left
border of the text field. Default: 220 | 330 |
| Top |
Indicates the margin between the top edge of the animation area and the top
border of the text field. Default: 10 | 10 |
|
Width |
Indicates the text field width. Default: 100 | 100 |
|
Height |
Indicates the text field height. Default: 30 |
|
BgColor |
Indicates the text field background color. Default: - |
|
Border |
Indicates if a border is displayed around this text field. Default: false Temporarily enable this property as "true" to display a border, making it easier to position the text field. |
|
BorderColor |
Indicates the border color. Default: - |
|
Alpha |
Indicates the alpha transparency level for the text field (use lower values for
more transparency). Default: 100 |
|
Selectable |
Specifies if the text field is selectable. Default: false If enabled as "true", the text can be highlighted with the mouse or keyboard. Selected text can be copied with the Copy (CTRL+C) command, then Paste (CTRL+V) anywhere. |
|
TopMost |
Indicates if the text field is displayed on top of other animation objects. Default: true |
|
VisibleOnAnimationPage |
Indicates if the text field is displayed on the main animation area. default: true |
|
VisibleOnDetailPage |
Indicates if the text field is displayed on the Detail Page. default: true |
|
StaticContent> <StaticContents> |
|