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> |
|