Carousel |
|
| CarouselWidth |
Specifies the width of the Carousel. Default: 300 |
| 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 that every time a page is called up, a different selection of
images shows in the Carousel. Default: - This makes sense in those cases where a Carousel configuration contains a large selection of images that cannot all be shown properly at the same time. The selection of images from the complete set in the Carousel follows the random principle. |
| CarouselRenderQuality |
Specifies the Carousel images rendering quality level. Default: 1 This value helps to avoid the distortion of an image when the image starts rotating. The following values are supported: 1 : normal rendering quality 2 : high rendering quality 3 : very high rendering quality |
| CarouselPreloader |
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. |
|
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 |
|
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: 15 |
| 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 element 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 element works only when the option NavigationType ist set to custom. |
| NavigationButtonLeftPath |
Specifies the path of an image displayed as the left button. Default: - This setting 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 element 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 element works only when the option NavigationType ist set to custom. |
| NavigationButtonRightPath |
Specifies the path of an image displayed as the right button. Default: - This setting allows you to replace the standard button with your own button image. |
|
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 Carousel. 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 |
| EffectCarouselEntry |
Specifies the effect to be applied on the appearance of the Carousel. Default: "flytop" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom, fade |
| EffectCarouselExit |
Specifies the effect to be applied on the disappearance of the Carousel. Default: "flytop" 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 |
|
| 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 |
|
Detail Page |
|
| DetailPageEnabled |
Specifies whether the details page should be displayed. Default: checked |
|
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: - |
|
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. |
| <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. |
| <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: MyFunction('text1', 'text2', 3) 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> |
|
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: - |
|
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> |
|