3dstack.xml Description - Version 4.2


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>