Gallery |
|
GalleryRadius |
Specifies the width of the Gallery. Default: 400 (see help file "How the Gallery works") Experiment with the settings Radius and Focus to obtain the desired configuration of your Gallery. |
GalleryPerspective |
Specifies the vertical view on the Gallery. Default: 0 |
GallerySpeed |
Specifies the speed of rotation of the Gallery. Default: 3 |
GalleryFocus |
Specifies the spatial extension of the Gallery. Default: 250 Depending on the set value, the gallery moves backwards or forwards, and the images appear smaller or larger. (see help file "How the Gallery works") Experiment with the settings Radius and Focus to obtain the desired configuration of your Gallery. |
GalleryCenterTop |
Specifies the position of the Gallery starting from the center of the animation
window. Plus and minus values are accepted. e.g -20 The standard position of the Gallery is in the center of the animation window. With this attribute the Gallery can be shifted vertically. Default: 0 |
GalleryRandomImages |
Specifies the number of images shown randomly at any time. Images are taken
randomly from the complete selection contained in the Gallery. Default: - |
GalleryPreloader (new in 6.0) |
Specifies the path of a Flash file (swf) or image file (jpg, png, gif) displayed
as preloader. Default: - 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: - |
BackGroundLeft |
Specifies the margin between the animation window and the left border of the
background image. Default: 0 |
BackGroundTop |
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 Gallery. Default: auto The following options are supported: auto: The Gallery rotates automatically. Or Navigation buttons are displayed by which the Gallery 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 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 (new in 6.0) |
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 (new in 6.0) |
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. |
NavigationInitialRotation |
Specifies how long the Gallery should rotate initially. Default: 0 Works only in combination with the navigation buttons. |
NavigationPauseOnEnter |
Specifies that the Gallery stop rotating when the mouse pointer moves over the
stage (Flash Player area). Default: false |
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 Gallery. Default: 0 |
DetailPage Effects/Transitions (new in 6.0) |
|
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 Gallery. 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 Gallery. 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 Gallery. Default: "linear" The following values are supported: overview |
TransitionAnimationExit |
Specifies the transition to be applied on the disappearance of the Gallery. 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 |
Effects - Image Glow |
|
HoverGlowEnabled |
Specifies if a glow effect should be displayed on an image when the curser is
placed over it. Default: false |
HoverGlowColor |
Specifies the color of the glow effect. Default: #ff0000 |
HoverGlowAlpha |
Specifies the alpha transparency value of the glow effect (%). Default: 100 |
HoverGlowBlur |
Specifies the extent of the glow effect. Default: 32 Hint: Values that are a power of 2 (such as 2, 4, 8, 16, and 32) are optimized to render more quickly than other values. |
HoverGlowStength |
Specifies the intensity of the glow effect. (1 - 255) Default: 2 |
HoverGlowQuality |
Specifies the presentation quality of the glow effect (1 -3 ). Default: 3 |
Effects - Image Rotation |
|
HoverRotationEnabled |
Specifies if an image should feature a rotation effect when the curser is placed
over it. Default: false |
HoverRotationSpeed |
Specifies the speed of the rotation effect. (1 - 20) Default: 15 |
HoverRotationRadians |
Specifies the degree of rotation of the image. (180 / 360). Default: 180 |
Effects - Image Zoom |
|
HoverZoomEnabled |
Specifies if a zoom effect is to be displayed in an image when the curser is
placed over it. Default: false |
HoverZoomRate |
Specifies the zoom rate of the effect. (%) Default: 5 |
Tooltip (new in 6.0) |
|
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(new in 6.0) |
|
DetailPageEnabled |
Specifies whether the details page should be displayed. Default: true |
Detail Image(new in 6.0) |
|
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 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 (new in 6.0) |
Specifies the alpha transparency value of the text field. Default: 100 |
Content1Selectable / Content2Selectable (new in 6.0) |
Specifies the alpha transparency value of the text field. Default: false Specifies whether the text field is selectable. 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). |
JavaScript Functions(new in 6.0) |
|
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. | |
JSImageMouseOverFunctionNamed> |
Specifies the name of the Java Script function which is called when the mouse
pointer is moving over an animation image. Default: - 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. Default: - 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. Default: - 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. Default: - 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. Default: - 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. Default: - 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. Default: - Sample Value: OnAnimationLoaded Implementation on webpage: [FunctionName](imageIndex) |
Gallery Images |
|
<Visible> (new in 6.0) |
Defines whether the item should be displayed in the 3D Gallery. This setting can be used for temporarily excluding an item from the 3D Gallery. |
<ImagePath> |
Specifies the path of the image displayed in the Gallery. |
<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 Gallery window. _parent: The page will be shown in the parent page. _top: The page will be shown in the topmost frame. |
<DetailPageImagePath> (new in 6.0) |
Specifies the path for the image displayed on the DetailPage. If no path has been specified the Galley Image is displayed. Default: - |
<ToolTip> (new in 6.0) |
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 |
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 (new in 6.0) |
Specifies that the text field is shown on top of other elements.. Default: true |
Selectable (new in 6.0) |
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 (new in 6.0) |
Specifies that the text field is shown on top of other elements.. Default: true |
VisibleOnDetailPage (new in 6.0) |
Specifies that the text field is shown on top of other elements.. Default: true |
StaticContent> <StaticContents> |
|