Carousel |
|
| CarouselRadiusX |
Specifies the width of the X axis of the Carousel. Experiment with the attributes CarouselRadiusX, CarouselRadiusY and CarouselPerspective to obtain the desired configuration of your Carousel. Default: 150 |
| CarouselRadiusY |
Specifies the length of the Y axis of the Carousel. Experiment with the attributes CarouselRadiusX, CarouselRadiusY and CarouselPerspective to obtain the desired configuration of your Carousel. Default: 30 |
| CarouselPerspective |
Specifies the spatial extension of the Carousel. Experiment with the attributes CarouselRadiusX, CarouselRadiusY and CarouselPerspective to obtain the desired configuration of your Carousel. Default: 10 |
| CarouselCenterLeft |
Specifies the position of the Carousel starting from the center of the animation
window. 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 attribute the Carousel can be shifted horizontally. Default: 0 |
| CarouselCenterTop |
Specifies the position of the Carousel starting from the center of the animation
window. 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 attribute the Carousel can be shifted vertically. Default: 0 |
| CarouselSpeed |
Specifies the speed of rotation of the Carousel. Default: 1 |
| CarouselSpeedMax |
Specifies the maximum rotation speed which the Carousel may reach when
controlled via mouse (Navigation "auto"). Default: - |
| CarouselInitialRotation |
Specifies how long the Carousel should rotate initially. Works only in combination with the navigation buttons (see NavigationType). Default: 1 |
| CarouselRandomImages |
Specifies the number of images shown randomly at any time. Images are taken
randomly from the complete selection contained in the Carousel. Default: - |
|
CarouselPreloader (new in 5.2) |
Specifies a path to a Flash file (swf) or image file (jpg, png, gif) to display
as a preloader message. Default: preloader.swf A preloader is an indicator to
inform the viewer that content is being loaded, e.g. "Please wait…" A default
preloader (preloader.swf) has been provided and is preset for this option. Default: - |
|
Navigation |
|
| NavigationType |
Specifies the rotation options of the Carousel. Default: auto The following options are supported: auto : The Carousel rotates automatically. none : The Carousel does not rotate. 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. |
| 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 |
| NavigationButtonLeftTop |
Specifies the margin between the animation window and the upper border of the
left button. Default: 0 |
|
NavigationButtonLeftPath (new in 5.2) |
Specifies the path of an image displayed as the right button. Default: - Sample: cmdLeft.png This setting allows you to replace the standard 3D Carousel left navigation button with your own button image. |
| NavigationButtonRightLeft |
Specifies the margin between the animation window and the left border of the
right button. Default: 0 |
| NavigationButtonRightTop |
Specifies the margin between the animation window and the upper border of the
right button. Default: 0 |
|
NavigationButtonRightPath (new in 5.2) |
Specifies the path of an image displayed as the right button. Default: - Sample: cmdRight.png This setting allows you to replace the standard 3D Carousel right navigation button with your own button image. |
|
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 |
|
Image Tooltip |
|
| ToolTipVisible |
Specifies whether tooltips should be displayed above the Carousel images. Default: true |
| ToolTipHTML |
Specifies that the <ToolTip> element supports a subset of standard HTML tags. Important! If this attribute is "true" the settings for Align, Bold, 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'.> List Item: <li>Lorem ipsum<br>Lorem ipsum</li> |
| ToolTipAntiAliasing |
Specifies that the font faces should be rendered more legible. Default: not checked 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' face='Times New Roman'>Text</font> invaild! <font color='#ffffff'>Text</font> vaild! |
| ToolTipAlign |
Specifies the horizontal alignment of the tooltip text. Default: center |
| ToolTipBold |
Specifies whether the text is boldface. 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: 16 |
| ToolTipLeading |
Specifies the space in pixels between lines. Default: 0 |
| ToolTipUnderline |
Specifies whether the tooltip text is underlined. Default: false |
| ToolTipDefaultTop |
Specifies the position of the tooltip starting from the tooltips default
position. Default: 0 Plus and minus values are accepted. e.g -150 The default position of the tooltip is above the image. With this setting the tooltip can be shifted vertically. |
|
ToolTipWidth (new in 5.2) |
Specifies the width of the tooltip. Default: 120 |
|
ToolTipHeight (new in 5.2) |
Specifies the height of the tooltip. Default: 30 |
|
ToolTipAlpha (new in 5.2) |
Specifies the alpha transparency value of the tooltip. Default: 100 |
|
ToolTipBgColor (new in 5.2) |
Specifies the background color of the tooltip. Default: - |
|
ToolTipBorder (new in 5.2) |
Specifies that a frame will be displayed around the tooltip. Default: not checked |
|
ToolTipBorderColor (new in 5.2) |
Specifies the border color default: - |
|
Image Frame |
|
| FrameVisible |
Specifies whether each Carousel image should have an image frame. Default: not checked |
| FrameDistance |
Specifies the distance between frame and image. Default: 10 |
| FrameBorderWidth |
Specifies the width of the image frame border. Default: 3 |
| FrameBorderColor |
Specifies the color of the image frame border. |
| FrameBorderAlpha |
Specifies the alpha transparency value of the image frame border. Default: 50 |
| FrameFillColor1 |
Specifies the color with which an image frame should be filled. |
| FrameFillAlpha1 |
Specifies the alpha transparency value of the first fill color. Default: 50 |
| FrameFillColor2 |
Specifies a second color with which the image frame should be filled. Do not enter any information if you want to use only one fill color! |
| FrameFillAlpha2 |
Specifies the alpha transparency value of the second fill color. Default: 50 |
| FrameFillTransition |
Specifies in percent the width of the transition from first to second fill color. Default: 100 |
| FrameFillRotation |
Specifies the rotation of the fill in radians. Default: 0 |
|
Details-Page |
|
| ContentPageEnabled |
Specifies whether the details page should be displayed. Default: true |
|
Details-Page Textfields |
|
| ContentHTML |
Specifies that the <Content> element supports a subset of standard HTML tags. Important! If this attribute is "true" the settings for Align, Bold, 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'.> List Item: <li>Lorem ipsum<br>Lorem ipsum</li> |
| ContentAntiAliasing |
Specifies that the font faces should be rendered more legible. Default: not checked 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' face='Times New Roman'>Text</font> invaild! <font color='#ffffff'>Text</font> vaild! |
| ContentAlign |
Specifies the horizontal alignment of the text. Default: left |
| ContentBold |
Specifies whether the text is boldface. Default: false |
| ContentFont |
Specifies the font to be used. Default: Verdana If the font size is very small, the standard font should be used. |
| ContentFontColor |
Spezifies the color of the text. Default: #333333 |
| ContentFontSize | Spezifies the size of the text. Default: 12 |
| ContentLeading |
Specifies the space in pixels between lines. Default: 0 |
| ContentUnderline |
Specifies whether the text is underlined. Default: false |
| ContentLeft |
Specifies the margin between the text and the left border of the animations window. Default: 250 |
| ContentTop |
Specifies the margin between the text and the upper border of the animations window. Default: 40 |
| ContentWidth |
Specifies the width of the textfield. Default: 350 |
| ContentHeight |
Specifies the height of the textfield. Default: 200 |
| ContentBgColor |
Specifies the background color of the textfield Default: - |
| ContentBorder |
Specifies that a frame will be displayed around the text field Default: not checked Hint: Showing the contours can also be helpful for positioning the text field! |
| ContentBorderColor |
Specifies the border color default: - |
|
Details-Page Image |
|
| ContentImageLeft |
Specifies the margin between the image and the left border of the animation window. Default: 120 |
| ContentImageTop |
Specifies the margin between the image and the upper border of the animation window. Default: 320 |
|
Carousel Images |
|
| <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. Note: This element works only when the option "Contents of Details Page" | ContentPageEnabled is not "true"! |
| <ImageLinkTarget> |
Specifies where the new page will be shown when the user follows a link 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. |
| <ToolTip> |
Specifies the text appearing above the Carousel image. Any details with regard to the presentation of the tooltips can be defined in the area "Image Tooltip". Note: If the attribute ToolTipHTML under "Image 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' 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'.> List Item: <li>Lorem ipsum<br>Lorem ipsum</li> |
| <Content> |
Specifies the text to be shown on the details page of an image. Any details with regard to the presentation of the content can be defined in the area "Contents of Details Page". Note: If the attribute ContentHTML under "Contents of Details Page" 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' 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'.> List Item: <li>Lorem ipsum<br>Lorem ipsum</li> |
| <ContentLink> |
Specifies the link to the page to be loaded when clicking on the details page text. Note: This element works only when the attribute ContentPageEnabled under "Contents of Details Page" is "true" AND the attribute ContentHTML under "Contents of Details Page" is "false"! |
| <ContentLinkTarget> |
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. |
| <Content2> | see <Content> |
| <Content2Link> | see <ContentLink> |
| <Content2LinkTarget> | see <ContentLinkTarget> |
|
<JSFunction> (new in 5.2) |
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 (new in 5.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 |
| 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: - |
|
VisibleOnCarouselPage |
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> |
|