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 |
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: - |
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 |
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 |
Specifies a path to a Flash file (swf) or image file (jpg, png, gif) to display
as a preloader. Default: - A preloader is an indicator to inform the viewer that content is being loaded. |
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: auto 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. |
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 |
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 |
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. |
NavigationInitialRotation |
Specifies how long the Carousel should rotate initially. Works only in combination with the navigation buttons (see NavigationType). Default: 0 |
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 |
Specifies the width of the tooltip. Default: 120 |
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: not checked |
ToolTipBorderColor |
Specifies the border color default: - |
ToolTipAlpha |
Specifies the alpha transparency value of the tooltip. Default: 100 |
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 |
Detail Page |
|
DetailPageEnabled |
Specifies whether the Detail 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: 20 |
DetailImageTop |
Specifies the margin between the image and the upper border of the animation window. 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 |
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 (CTJavaScript 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. |
<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 |
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 |
Font |
Specifies the font to be used. Default: Verdana If the font size is very small, the standard font (Verdana) 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> |
|