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 |
Specifies the position of the Stack starting from the center of the animation
window. Default: 0. Plus and minus values are accepted. e.g -20 The standard position of the Stack is in the center of the animation window. With this setting the Stack can be shifted horizontally. |
StackCenterTop |
Specifies the position of the Stack starting from the center of the
animation window. Default: 0. Plus and minus values are accepted. e.g -20 The standard position of the Stack is in the center of the animation window. With this setting the Stack can be shifted vertically. |
StackRandomImages |
Specifies whether the stack pages should come in random order and limits the number of pages
available. Default: - Performance tip: To obtain high performance for changing the pages, all images are already loaded from the start. This increases memory requirements and the initial load time of the animation, and you should therefore use this attribute to limit the number of images in a stack where many images are allocated. |
StackPreloader |
Specifies the path of a Flash file (swf) or image file (jpg, png, gif) displayed
as preloader. Default: preloader.swf Preloaders are indicators that inform the viewer that content is being loaded. Use this file to initiate loading. |
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 3D 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 |
|
BackGroundVisible |
Specifies whether an image should appear as background image. Default: false Note: If a background image is used, performance can be affected to some degree. If fastest performance is a top priority, you may consider other design options. |
BackGroundPath |
Specifies the path of an image displayed as the background image. Default: - |
BackGroundTop |
Specifies the margin between the animation window and the upper border of the
background image. Default: 0 |
BackGroundLeft |
Specifies the margin between the animation window and the left border of the
background image. Default: 0 |
Slideshow |
|
SlideShowEnabled |
Specifies whether the animation should be displayed as an automatic slide show. Default: not checked |
SlideShowDelay |
Specifies the delay between the individual stack images displayed in the course of the slide show. Default: 2 |
SlideShowToolTipEnabled |
Specifies whether the Tooltip of the actual stack page should be displayed automatically during the
slide show. Default: not checked |
SlideShowDisableInter activity |
Enable this setting to hide navigation buttons and to disable mouse-click sensitivity. The slideshow
will run automatically in animation display mode only. Default: not checked |
Navigation |
|
NavigationType |
Specifies the position of the Navigation Buttons. Default: br The following options are supported: br : bottom right bl : bottom left tr : top right tl : top left custom : The navigation buttons can be positioned anywhere. |
NavigationSpeed |
Specifies the speed at which you can leaf through a 3D Stack. Default: 0.6 |
NavigationButtonsColor |
Specifies the color oft the buttons. Default: #ff0000 |
NavigationButtonsAlpha |
Specifies the alpha transparency value of the buttons. (%) Default: 75 |
NavigationButtonPrevLeft |
Specifies the margin between the animation window and the left border of the "Previous" button. Default: 0 Note: This element works only when the option NavigationType ist set to custom. |
NavigationButtonPrevTop |
Specifies the margin between the animation window and the upper border of the "Previous" button. Default: 0 Note: This element works only when the option NavigationType ist set to custom. |
NavigationButtonPrevPath |
Specifies the path of an image displayed as the "Previous" button. Default: - This setting allows you to replace the standard button with your own button image. |
NavigationButtonNextLeft |
Specifies the margin between the animation window and the left border of the
"Next" button. Default: 0 Note: This element works only when the option NavigationType ist set to custom. |
NavigationButtonNextTop |
Specifies the margin between the animation window and the upper border of the
"Next" button. Default: 0 Note: This element works only when the option NavigationType ist set to custom. |
NavigationButtonNextPath |
Specifies the path of an image displayed as the "Next" button. 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 a stack. Default: not checked |
Reflection |
|
ReflectionVisible |
Specifies if a reflection should be visible. Default: true |
ReflectionAlpha |
Specifies the alpha transparency value of the reflection. (%) Default: 50 |
ReflectionHeight |
Specifies the height of the reflection. (%) Default: 50 |
ReflectionDistance |
Specifies the distance the reflection starts from the bottom of the Stack. Default: 0. Plus and minus values are accepted. e.g -5 |
Effects |
|
EffectsTime |
Specifies how long the effects will take (in seconds). Default: 0.5 |
EffectStackEntry |
Specifies the effect to be applied on the appearance of the Stack. Default: "flyleft" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom, fade |
EffectStackExit |
Specifies the effect to be applied on the disappearance of the Stack. Default: "flyleft" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom, fade |
EffectDetailImageEntry |
Specifies the effect to be applied on the appearance of the Detail
Image. Default: "flyleft" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom, fade |
EffectDetailImageExit |
Specifies the effect to be applied on the disappearance of the Detail
Image. Default: "flyleft" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom, fade |
EffectContent1Entry |
Specifies the effect to be applied on the appearance of the first text
field. Default: "flyleft" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom, fade |
EffectContent1Exit |
Specifies the effect to be applied on the disappearance of the first
text field. Default: "flyleft" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom, fade |
EffectContent2Entry |
Specifies the effect to be applied on the appearance of the second text
field. Default: "flyleft" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom, fade |
EffectContent2Exit |
Specifies the effect to be applied on the disappearance of the second
text field. Default: "flyleft" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom, fade |
Tooltip |
|
ToolTipType |
Specifies how the Tooltip is to be displayed. Default: current The following values are supported: current, hover current: The Tooltip will automatically be displayed for each current image of the stack, even when the mouse pointer is not located on the image. This setting is also used during the slideshow. hover: The Tooltip is always shown for the stack image on which the mouse pointer currently is located. That enables the user to "search through" the stack without having to call up each individual page. |
ToolTipHTML |
Specifies that the <ToolTip> element supports a subset of standard HTML tags. Important! If this attribute is "true" the settings for Align, Bold, Italic, Font, Font Color, Font Size, Leading and Underline are ignored. Default: false |
ToolTipAntiAliasing |
Specifies that the font faces should be rendered more legible. Default: false The setting enables high quality rendering and should be used by preference when using small fonts. (< 10 px) HTML: When selecting anti-aliasing, the standard font (Verdana) will be used automatically! Please don’t define any fonts in HTML! If you do, the text will not be displayed! <font color='#ffffff' size='11' face='Times New Roman'>Text</font> invaild! <font color='#ffffff' size='11'>Text</font> vaild! |
ToolTipAlign |
Specifies the horizontal alignment of the text. Default: left |
ToolTipBold |
Specifies whether the text is boldface. Default: false |
ToolTipItalic |
Specifies whether the text is italicized. Default: false |
ToolTipFont |
Specifies the font to be used. Default: Verdana If the font size is very small, the standard font (Verdana) should be used. |
ToolTipFontColor |
Spezifies the color of the text. Default: #333333 |
ToolTipFontSize |
Spezifies the size of the text. Default: 12 |
ToolTipLeading |
Specifies the space in pixels between lines. Default: 0 |
ToolTipUnderline |
Specifies whether the text is underlined. Default: false |
ToolTipLeft |
Specifies the margin between the tooltip and the left border of the animations window. Default: 0 |
ToolTipTop |
Specifies the margin between the tooltip and the upper border of the animations window. Default: 10 |
ToolTipWidth |
Specifies the width of the tooltip. Default: 100 |
ToolTipHeight |
Specifies the height of the tooltip. Default: 30 |
ToolTipBgColor |
Specifies the background color of the tooltip. Default: - |
ToolTipBorder |
Specifies that a frame will be displayed around the tooltip. Default: false Hint: Showing the contours can also be helpful for positioning the text field! |
ToolTipBorderColor |
Specifies the border color. default: - |
ToolTipTopMost |
Specifies that the tooltip is shown on top of other elements. Default: true |
ToolTipSelectable |
Specifies whether the text field is selectable. Default: not checked If selectable is checked, the text in the tooltip can be selected with the mouse or keyboard, and the text can be copied with the Copy command (CTRL +C). |
ToolTipAlpha |
Specifies the alpha transparency value of the tooltip. Default: 100 |
Detail Page |
|
DetailPageEnabled |
Specifies whether the details page should be displayed. Default: true |
Detail Image |
|
DetailImageZoom |
Specifies the size of the image in percent. default: 100 |
DetailImageLeft |
Specifies the margin between the image and the left border of the
animation window. Default: 10 |
DetailImageTop |
Specifies the margin between the image and the upper border of the
animation window. Default: 100 |
Content1 / Content2 (dynamic text fields) |
|
Content1HTML / Content2HTML |
Specifies that the <Content1></Content1>
/ <Content2></Content2>
element supports a subset of standard HTML tags. Important! If this attribute is "true" the settings for Align, Bold, Italic, Font, Font Color, Font Size, Leading and Underline are ignored. Default: false |
Content1AntiAliasing / Content2AntiAliasing |
Specifies that the font faces should be rendered more legible. Default: false The setting enables high quality rendering and should be used by preference when using small fonts. (< 10 px) HTML: When selecting anti-aliasing, the standard font (Verdana) will be used automatically! Please don’t define any fonts in HTML! If you do, the text will not be displayed! <font color='#ffffff' size='11' face='Times New Roman'>Text</font> invaild! <font color='#ffffff' size='11'>Text</font> vaild! |
Content1Align / Content2Align |
Specifies the horizontal alignment of the text. Default: left |
Content1Bold / Content2Bold |
Specifies whether the text is boldface. Default: false |
Content1Italic / Content2Italic |
Specifies whether the text is italicized. Default: false |
Content1Font / Content2Font |
Specifies the font to be used. Default: Verdana If the font size is very small, the standard font (Verdana) should be used. |
Content1FontColor / Content2FontColor |
Spezifies the color of the text. Default: #333333 |
Content1FontSize / Content2FontSize |
Spezifies the size of the text. Default: 11 |
Content1Leading / Content2Leading |
Specifies the space in pixels between lines. Default: 0 |
Content1Underline / Content2Underline |
Specifies whether the text is underlined. Default: false |
Content1Left / Content2Left |
Specifies the margin between the text field and the left border of the animations window. Default: 0 | 110 |
Content1Top / Content2Top |
Specifies the margin between the text field and the upper border of the animations window. Default: 10 | 10 |
Content1Width / Content2Width |
Specifies the width of the text field. Default: 100 | 100 |
Content1Height / Content2Height |
Specifies the height of the text field. Default: 30 |
Content1BgColor / Content2BgColor |
Specifies the background color of the text field. Default: - |
Content1Border / Content2Border |
Specifies that a frame will be displayed around the text field. Default: false Hint: Showing the contours can also be helpful for positioning the text field! |
Content1BorderColor / Content2BorderColor |
Specifies the border color. default: - |
Content1Selectable / Content2Selectable |
Specifies whether the text field is selectable. Default: false If selectable is "true", the text in the text field can be selected with the mouse or keyboard, and the text can be copied with the Copy command (CTRL +C). |
Content1Alpha / Content2Alpha |
Specifies the alpha transparency value of the text field. Default: 100 |
Stack Images |
|
<ImagePath> |
Specifies the path of the image displayed in the Stack. |
<ImageLink> |
Specifies the link to the page to be loaded when clicking on the image. |
<ImageLinkTarget> |
Specifies where the new page will be shown when the user follows a link. Default: _blank The following values are supported: _blank: The page will be shown in a new browser window. _self: The page will be shown in the Stack window. _parent: The page will be shown in the parent page. _top: The page will be shown in the topmost frame. |
<ToolTip> |
Specifies the text to be shown in the tooltip. Any details with regard to the presentation of the content can be defined in the area Tooltip. Note: If the attribute ToolTipHTML under "Tooltip" is "true" you can make use of the following HTML tags for designing your text: 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: <br>Lorem ipsum ex vel prima Image: <img src='../images/logo.gif' width='80' height='30' hspace='0' vspace='2' align='left' /> List Item: <li>Lorem ipsum<br>Lorem ipsum</li> |
<Content1> |
Specifies the text to be shown in the first (dynamic) text field. Any details with regard to the presentation of the content can be defined in the area Content1 / Content2 (dynamic text fields). Note: If the attribute Content1HTML under "Content1 / Content2 (dynamic text fields)" is "true" you can make use of the following HTML tags for designing your text: 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: <br>Lorem ipsum ex vel prima Image: <img src='../images/logo.gif' width='80' height='30' hspace='0' vspace='2' align='left' /> List Item: <li>Lorem ipsum<br>Lorem ipsum</li> |
<Content2> |
Specifies the text to be shown in the first (dynamic) text field. Any details with regard to the presentation of the content can be defined in the area Content1 / Content2 (dynamic text fields). Note: If the attribute Content2HTML under "Content1 / Content2 (dynamic text fields)" is "true" you can make use of the following HTML tags for designing your text: 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: <br>Lorem ipsum ex vel prima Image: <img src='../images/logo.gif' width='80' height='30' hspace='0' vspace='2' align='left' /> List Item: <li>Lorem ipsum<br>Lorem ipsum</li>2 |
<JSFunction> |
Specifies name and parameter of the JavaScript function to be called up by
clicking on an image. Example: <JSFunction><![CDATA[MyFunction('Hello')]]></JSFunction> To allow for flexible communication between animation and web page, each image can be allocated the name of a JavaScript function, which will then be called up by clicking on the respective image. This enables you to create own JavaScript functions outside the animation, and the animation can communicate through these with the website. Example - JavaScript function in an web page: <script language="javascript"> function MyFunction(v1, v2, v3){ alert(v1); alert(v2); alert(v3); } </script> Please note: If you set the token :afterclick: in front of the function name, the JavaScript function will be called up after(!) all effects have been carried out. Example: <JSFunction><![CDATA[:afterclick:MyFunction('Hello')]]></JSFunction> Up to 5 parameters are supported. Different JavaScript functions can be allocated to the images. |
Static text fields 1 & 2 |
|
<StaticContents> <StaticContent |
|
HTML |
Specifies that the <Content> element supports a subset of standard HTML tags. Important! If this attribute is "true" the settings for Align, Bold, Italic, Font, Font Color, Font Size, Leading and Underline are ignored. Default: false The following HTML tags are supported: Anchor: <a href='http://www.3dcarousel.com'>Link</a> Bold: <b>Lorem ipsum ex vel prima</b> Font: <font color='#ffffff' face='Verdana' size='12'> Paragraph: <p>Lorem ipsum ex vel prima</p> Underline: <u>Lorem ipsum ex vel prima</u> Break: <br>Lorem ipsum ex vel prima Image: <img src='../images/logo.gif' width='80' height='30' hspace='0' vspace='2' align='left' /> List Item: <li>Lorem ipsum<br>Lorem ipsum</li> |
AntiAliasing |
Specifies that the font faces should be rendered more legible. Default: false The setting enables high quality rendering and should be used by preference when using small fonts. (< 10 px) HTML: When selecting anti-aliasing, the standard font (Verdana) will be used automatically! Please don’t define any fonts in HTML! If you do, the text will not be displayed! <font color='#ffffff' size='11' face='Times New Roman'>Text</font> invaild! <font color='#ffffff' size='11'>Text</font> vaild! |
Align |
Specifies the horizontal alignment of the text. Default: left |
Bold |
Specifies whether the text is boldface. Default: false |
Italic |
Specifies whether the text is italicized. Default: false |
Font |
Specifies the font to be used. Default: Verdana If the font size is very small, the standard font should be used. |
FontColor |
Spezifies the color of the text. Default: #333333 |
FontSize |
Spezifies the size of the text. Default: 12 |
Leading |
Specifies the space in pixels between lines. Default: 0 |
Underline |
Specifies whether the text is underlined. Default: false |
Left |
Specifies the margin between the text and the left border of the animations window. Default: 220 | 330 |
Top |
Specifies the margin between the text and the upper border of the animations window. Default: 10 | 10 |
Width |
Specifies the width of the textfield. Default: 100 | 100 |
Height |
Specifies the height of the textfield. Default: 30 |
TopMost |
Specifies that the text field is shown on top of other elements.. Default: true |
BgColor |
Specifies the background color of the textfield Default: - |
Border |
Specifies that a frame will be displayed around the text field Default: false Hint: Showing the contours can also be helpful for positioning the text field! |
BorderColor |
Specifies the border color default: - |
Selectable |
Specifies whether the text field is selectable. Default: false If selectable is "true", the text in the text field can be selected with the mouse or keyboard, and the text can be copied with the Copy command (CTRL +C). |
Alpha |
Specifies the alpha transparency value of the text field. Default: 100 |
VisibleOnStackPage |
Specifies that the static text field should be displayed on the default
page. default: true |
VisibleOnDetailPage |
Specifies that the static text field should be displayed on the Detail
page. default: true |
StaticContent> <StaticContents> |
|