3dcarouselv2.xml Description - Version 6.0


Carousel
CarouselWidth Specifies the width of the Carousel.
Default: 260
CarouselCenterLeft Specifies the position of the Carousel starting from the center of the animation window.
Default: 0
Plus and minus values are accepted. e.g -20. The standard position of the Carousel is in the center of the animation window. With this setting the Carousel can be shifted horizontally.
CarouselCenterTop Specifies the position of the Carousel starting from the center of the animation window.
Default: 0
Plus and minus values are accepted. e.g -20. The standard position of the Carousel is in the center of the animation window. With this setting the Carousel can be shifted vertically.
CarouselRandomImages Specifies the number of images shown randomly at any time.
Images are taken randomly from the complete selection contained in the Carousel.
Default: 0
CarouselPreloader Specifies a path to a Flash file (swf) or image file (jpg, png, gif) to display as a preloader message.
Default: ""
A preloader is an indicator to inform the viewer that content is being loaded, e.g. "Please wait…"
CarouselRenderSegmentsW Specifies the number of segments in the carousel images width.
Default: 2
A Carousel image is divided in smaller segments by the 3d engine. This is usually done to reduce linear mapping artifacts. SegmentsW and SegmentsH set the number of segments in the width and height of the Carousel images respectively. Multiple segments help to avoid the distortion of an image but can reduce the perfomance of the animation. You should use this setting carefully.
CarouselRenderSegmentsH Specifies the number of segments in the carousel images height.
Default: 2
A Carousel image is divided in smaller segments by the 3d engine. This is usually done to reduce linear mapping artifacts. SegmentsW and SegmentsH set the number of segments in the width and height of the Carousel images respectively. Multiple segments help to avoid the distortion of an image but can reduce the perfomance of the animation. You should use this setting carefully.

Background
BackGroundColor Specifies the background color of the animation.
Default: #ffffff
BackGroundImagePath Specifies the path of an image displayed as the background image.
Default: -
BackGroundImageLeft Specifies the margin between the animation window and the left border of the background image.
Default: 0
BackGroundImageTop Specifies the margin between the animation window and the upper border of the background image.
Default: 0

Navigation
NavigationType
Specifies the rotation options of the Carousel.
Default: br

The following options are supported:
auto: The Carousel rotates automatically.

Or Navigation buttons are displayed by which the Carousel rotation can be directed to run clockwise or counter-clockwise:
br : Bottom Right
bl : Bottom Left
tr : Top Right
tl : Top Left
custom : The navigation buttons can be positioned anywhere.
NavigationSpeed Specifies the speed of rotation of the Carousel.
Default: 13
NavigationButtonsColor Specifies the color oft the buttons.
Default: #ff0000
NavigationButtonsAlpha Specifies the alpha transparency value of the buttons. (%)
Default: 75
NavigationButtonLeftLeft Specifies the margin between the animation window and the left border of the left button.
Default: 0
Note: This attribute works only when the option NavigationType ist set to  custom.
NavigationButtonLeftTop Specifies the margin between the animation window and the upper border of the left button.
Default: 0
Note: This attribute works only when the option NavigationType ist set to  custom.
NavigationButtonLeftPath Specifies the path of an image displayed as the "Left" button.
Default: -
This attribute allows you to replace the standard button with your own button image.
NavigationButtonRightLeft Specifies the margin between the animation window and the left border of the right button.
Default: 0
Note: This attribute works only when the option NavigationType ist set to  custom.
NavigationButtonRightTop Specifies the margin between the animation window and the upper border of the right button.
Default: 0
Note: This attribute works only when the option NavigationType ist set to  custom.
NavigationButtonRightPath Specifies the path of an image displayed as the "Right" button.
Default: -
This attribute allows you to replace the standard button with your own button image.
NavigationTransition Specifies the effect to be applied on the rotation of the Carousel.
Default: easeOutExpo
The following values are supported: overview.

Effects - Image Reflection
ReflectionVisible Specifies if a reflection should be visible.
Default: true
ReflectionAlpha Specifies the alpha transparency value of the reflection. (%)
Default: 40
ReflectionHeight Specifies the height of the reflection. (%)
Default: 50
ReflectionDistance Specifies the distance the reflection starts from the bottom of the Carousel.
Default: 0

DetailPage Effects/Transitions
EffectsTime Specifies how long the effects will take (in seconds).
Default: 0.5
EffectAnimationEntry Specifies the effect to be applied on the appearance of the Carousel.
Default: "fade"
The following values are supported:
fade, flycenter, flyleft, flyright, flytop, flybottom
EffectAnimationExit Specifies the effect to be applied on the disappearance of the Carousel.
Default: "fade"
The following values are supported:
fade, flycenter, flyleft, flyright, flytop, flybottom
EffectDetailImageEntry Specifies the effect to be applied on the appearance of the Detail Image.
Default: "flyleft"
The following values are supported:
fade, flycenter, flyleft, flyright, flytop, flybottom
EffectDetailImageExit Specifies the effect to be applied on the disappearance of the Detail Image.
Default: "flyleft"
The following values are supported:
fade, flycenter, flyleft, flyright, flytop, flybottom
EffectContent1Entry Specifies the effect to be applied on the appearance of the first text field.
Default: "flyright"
The following values are supported:
fade, flycenter, flyleft, flyright, flytop, flybottom
EffectContent1Exit Specifies the effect to be applied on the disappearance of the first text field.
Default: "flyright"
The following values are supported:
fade, flycenter, flyleft, flyright, flytop, flybottom
EffectContent2Entry Specifies the effect to be applied on the appearance of the second text field.
Default: "flyright"
The following values are supported:
fade, flycenter, flyleft, flyright, flytop, flybottom
EffectContent2Exit Specifies the effect to be applied on the disappearance of the second text field.
Default: "flyright"
The following values are supported:
fade, flycenter, flyleft, flyright, flytop, flybottom
TransitionAnimationEntry Specifies the transition to be applied on the appearance of the Carousel.
Default: "linear"
The following values are supported: overview
TransitionAnimationExit Specifies the transition to be applied on the disappearance of the Carousel.
Default: "linear"
The following values are supported: overview
TransitionDetailImageEntry Specifies the transition to be applied on the appearance of the Detail Image.
Default: "linear"
The following values are supported: overview
TransitionDetailImageExit Specifies the transition to be applied on the disappearance of the Detail Image.
Default: "linear"
The following values are supported: overview
TransitionContent1Entry Specifies the transition to be applied on the appearance of the first text field.
Default: "linear"
The following values are supported: overview
TransitionContent1Exit Specifies the transition to be applied on the disappearance of the first text field.
Default: "linear"
The following values are supported: overview
TransitionContent2Entry Specifies the transition to be applied on the appearance of the second text field.
Default: "linear"
The following values are supported: overview
TransitionContent2Exit Specifies the transition to be applied on the disappearance of the second text field.
Default: "linear"
The following values are supported: overview

Tooltip
ToolTipHTML Specifies that the Tooltip text field 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>
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 text and the left border of the animations window.
Default: 0 | 110
ToolTipTop Specifies the margin between the text and the upper border of the animations window.
Default: 10 | 10
ToolTipWidth Specifies the width of the text field.
Default: 100 | 100
ToolTipHeight Specifies the height of the text field.
Default: 30
ToolTipBgColor Specifies the background color of the text field.
Default: -
ToolTipBorder 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!
ToolTipBorderColor Specifies the border color.
default: -
ToolTipAlpha Specifies the alpha transparency value of the text field.
Default: 100
ToolTipTopMost Specifies that the text field is shown on top of other elements.
Default: true
ToolTipHideContent3 Specifies that the first static text field is masked out when displaying the Tooltip.
Default: false
ToolTipHideContent4 Specifies that the second static text field is masked out when displaying the Tooltip.
Default: false

Detail Page
DetailPageEnabled Specifies whether the details page should be displayed.
Default: true

Detail Page Image
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
DetailImageZoom Specifies the size of the image in percent.
Default: 100

Content1 / Content2  (dynamic text fields on DetailPage)
Content1HTML /
Content2HTML
Specifies that the Content1 / Content2 text fields 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>
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: 12
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 and the left border of the animations window.
Default: 0 | 110
Content1Top /
Content2Top
Specifies the margin between the text 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: -
Content1Alpha /
Content2Alpha
Specifies the alpha transparency value of the text field.
Default: 100
Content1Selectable /
Content2Selectable
Specifies whether the text field is selectable.
Default: false
If selectable is checked, 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).ipt Functions
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)
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)

Carousel Images
<Visible>
Defines whether the item should be displayed in the 3D Carousel.
This setting can be used for temporarily excluding an item from the 3D Carousel.
<ImagePath> Specifies the path of the image displayed in the Carousel.
<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 Carousel window.
_parent: The page will be shown in the parent page.
_top: The page will be shown in the topmost frame.
<DetailPageImagePath> Specifies the path for the image displayed on the DetailPage.
If no path has been specified the Galley Image is displayed.
Default: -
<ToolTip> Specifies the text to be shown in the tooltip text field.
Any details with regard to the presentation of the content can be defined with the Tooltip... attributes.

Note: If the attribute ToolTipHTML 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 with the Content1... / Content2... attributes.

Note: If the attribute Content1HTML 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 with the Content1... / Content2... attributes.

Note: If the attribute Content2HTML 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.
DEPRECATED! This feature is deprecated. It may become obsolete in future versions, consider using "JSImageClickedFunctionName" instead.

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
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: -
Alpha Specifies that the text field is shown on top of other elements..
Default: true
Selectable Specifies that the text field is shown on top of other elements..
Default: true
TopMost Specifies that the text field is shown on top of other elements..
Default: true
VisibleOnAnimationPage Specifies that the text field is shown on top of other elements..
Default: true
VisibleOnDetailPage Specifies that the text field is shown on top of other elements..
Default: true
     StaticContent>
<
StaticContents>