Cube |
|
CubeSpeed |
Specifies the speed of rotation of the Cube. Default: 15 |
CubeZoom |
Specifies the displayed size of the Cube in percent. Default: 100 Depending on the set value, the Cube appears smaller or larger. |
CubeColor |
Specifies the color of the Cube. Default: #ffffff The Cube color is only visible in transparent images. Otherwise, the color is covered by the image. |
CubeCenterLeft |
Specifies the position of the Cube starting from the center of the
animation window. Default: 0. Plus and minus values are accepted. e.g -20 The standard position of the Cube is in the center of the animation window. With this setting the Cube can be shifted horizontally. |
CubeCenterTop |
Specifies the position of the Cube starting from the center of the
animation window. Default: 0. Plus and minus values are accepted. e.g -20 The standard position of the Cube is in the center of the animation window. With this setting the Cube can be shifted vertically. |
CubeRandomImages |
Specifies that every time a page is called up, a different selection of
images shows in the Cube. Default: - This makes sense in those cases where a Cube 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 Cube follows the random principle. |
CubePreloader (new in 5.0) |
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…" |
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 |
Cube Shadow (new in 5.0) |
|
ShadowVisible |
Specifies if a shadow should be visible. Default: checked. |
ShadowDistance |
Specifies the offset distance for the shadow, in pixels. Default: 0 |
ShadowAngle |
Specifies an angle of the shadow. Default: 90 |
ShadowColor |
Specifies the color of the shadow. Default: #000000 |
ShadowAlpha |
Specifies the alpha transparency value for the shadow color. Default: 50 |
ShadowBlur |
Specifies the amount of horizontal and vertical blur. Default: 40 |
Image Reflection (only for image on the Detail page) (new in 5.0) |
|
Visible |
Specifies if a reflection should be visible. Default: checked |
Alpha |
Specifies the alpha transparency value of the reflection. Default: 50 |
Height |
Specifies the height of the reflection in percent. Default: 50 |
Effects |
|
EffectCubeEntry |
Specifies the effect to be applied on the appearance of the Cube. Default: "flycenter" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom |
EffectCubeExit |
Specifies the effect to be applied on the disappearance of the Cube. Default: "flycenter" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom |
EffectDetailImageEntry |
Specifies the effect to be applied on the appearance of the Detail
Image. Default: "flycenter" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom |
EffectDetailImageExit |
Specifies the effect to be applied on the disappearance of the Detail
Image. Default: "flycenter" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom |
EffectContent1Entry |
Specifies the effect to be applied on the appearance of the first text
field. Default: "flycenter" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom |
EffectContent1Exit |
Specifies the effect to be applied on the disappearance of the first
text field. Default: "flycenter" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom |
EffectContent2Entry |
Specifies the effect to be applied on the appearance of the second text
field. Default: "flycenter" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom |
EffectContent2Exit |
Specifies the effect to be applied on the disappearance of the second
text field. Default: "flycenter" The following values are supported: flycenter, flyleft, flyright, flytop, flybottom |
EffectsTime |
Specifies how long the effects will take (in seconds). Default: 0.5 |
Detail Page |
|
DetailPageEnabled |
Specifies whether the details page should be displayed. Default: checked |
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 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 |
Content1TopMost / Content2TopMost |
Specifies that the text field is shown on top of other elements. Default: true |
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: - |
Content1Selectable / Content2Selectable (new in 5.0) |
Specifies whether the text field is selectable. Default: false If selectable is "true", 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). |
Content1Alpha / Content2Alpha (new in 5.0) |
Specifies the alpha transparency value of the text field. Default: 100 |
Cube Images |
|
<ImagePath> |
Specifies the path of the image displayed in the Cube. |
<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 Cube window. _parent: The page will be shown in the parent page. _top: The page will be shown in the topmost frame. |
<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> (new in 5.0) |
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 |
|
<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: - |
Selectable (new in 5.0) |
Specifies whether the text field is selectable. Default: false If selectable is "true", 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). |
Alpha (new in 5.0) |
Specifies the alpha transparency value of the text field. Default: 100 |
VisibleOnCubePage |
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> |
|