Width: Specifies the width of the animation area.
Default: 500
Height: Specifies the height of the animation area.
Default: 350
Position Left: Specifies the margin between the animation window and the left border of the module.
Default: 0
Position Top: Specifies the margin between the animation window and the upper border of the module.
Default: 0
Quality: Specifies the animation's quality level.
Default: High
High: Favors quality of animation. (recommended)
Medium: Favors execution speed and does not take quality of animation into account unless it's possible.
Low: Favors execution speed.
Show Menu: Specifies what type of menu appears when the user Right-clicks the animation area.
Default: not checked
Checked: Shows the full menu, which gives the user several options to enhance or control playback.
Not Checked: Shows a menu that contains only the About option and the Settings option.
Alternative Content: Specifies an alternative content, which will be displayed if Flash Player is not installed or supported.
Default: -
The alternative content will be displayed in the field provided for the Flash Player. The extent of this field has been defined in the settings "Flash Player Width" and "Flash Player Height". Ensure that the alternative content can be displayed within the field defined with the Flash Player! If you do not define any alternative content, the standard Flash Player message will be displayed.
The alternative content will also be picked up by search engines, making it a great tool for creating search-engine-friendly content!
Stack
Perspective: Specifies the angle of view on the stack.
Default: 25
An angle larger than 0 turns the stack to the right (e. g., 25), an angle smaller than 0 turns the stack to the left (e. g., -25).
Position Center Left: Specifies the position of the Stack starting from the center of the animation window.
Default: 0. Plus and minus values are accepted. e.g -20
The standard position of the Stack is in the center of the animation window. With this setting the Stack can be shifted horizontally.
Position Center Top: Specifies the position of the Stack starting from the center of the animation window.
Default: 0. Plus and minus values are accepted. e.g -20
The standard position of the Stack is in the center of the animation window. With this setting the Stack can be shifted vertically.
Random Images: Specifies whether the stack pages should come in random order and limits the number of pages available.
Default: -
Performance tip: To obtain high performance for changing the pages, all images are already loaded from the start. This increases memory requirements and the initial load time of the animation, and you should therefore use “Randomized” to limit the number of images in a stack where many images are allocated.
Render Depth: Specifies the number of stack images to be rendered in highest quality.
Default: 7
To optimize the performance of the stacks you should select the lowest value at which the stack can be displayed faultlessly. Example: If you select the value "7", all images of the stack are rendered in highest quality – even if they show only partially behind the first image. If you select the value "4", only the first four images are rendered in highest quality when flipping through the stack. This may improve performance.
Preloader Path: 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.
Background
Color: Specifies the background color of the animation.
Default: #ffffff
Show Image: Specifies whether an image should appear as background image.
Default: not checked
Image Path: Specifies the path of an image displayed as the background image.
Default: -
Position Left: Specifies the margin between the animation window and the left border of the background image.
Default: 0
Position Top: Specifies the margin between the animation window and the upper border of the background image.
Default: 0
Navigation
Fast Leafing: Enable rapid mouse click sensitivity on Navigation Buttons for fast flipping through a stack.
Default: not checked
Speed: Specifies the speed at which you can leaf through a stack.
Default: 0.6
Buttons Position: Specifies the position of the Navigation Buttons.
Default: Bottom|Right
Buttons: Navigation buttons are displayed by which the Stack rotation can be directed to run clockwise or counter-clockwise.
Custom: The navigation buttons can be positioned anywhere.
Buttons Color: Specifies the color of the buttons.
Default: #ff0000
Buttons Alpha: Specifies the alpha transparency value of the buttons.
Default: 75
Previous-Button Path: Specifies the path of an image displayed as the "Previous" button.
Default: -
Sample: cmdPrev.png
This setting allows you to replace the standard 3D Stack "Previous" navigation button with your own button image.
Next-Button Path: Specifies the path of an image displayed as the "Next" button.
Default: -
Sample: cmdNext.png
This sThis setting allows you to replace the standard 3D Stack "Next" navigation button with your own button image.
Slideshow
Enabled: Specifies whether the animation should be displayed as an automatic slide show.
Default: not checked
Delay: Specifies the delay between the individual stack images displayed in the course of the slide show.
Default: 2
Tooltip Enabled: Specifies whether the Tooltip of the actual stack page should be displayed automatically during the slide show.
Default: not checked
Disable Interactivity: Enable this setting to hide navigation buttons and to disable mouse-click sensitivity. The slideshow will run automatically in animation display mode only.
Default: not checked
Effects - Image Reflection
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: 30
Distance: Specifies the distance the reflection starts from the bottom of the image.
DefaultDefault: 0
Effects - Stack / Tooltip- / Details-Page- Appearance
Effects Time: Specifies how long the effects will take (in seconds).
Default: 0.5
Stack Entry: Specifies the effect to be applied on the appearance of the Stack.
Default: "fly in from center"
Stack Exit: Specifies the effect to be applied on the disappearance of the Stack.
DefaultDefault: "fly out to center"
Tooltip Entry: Specifies the effect to be applied on the appearance of the Tooltip.
Default: "fly in from center"
Tooltip Exit: Specifies the effect to be applied on the disappearance of the Tooltip.
Default: "fly out to center"
Textfield1 Entry: Specifies the effect to be applied on the appearance of the first text field.
Default: "fly in from center"
Textfield1 Exit: Specifies the effect to be applied on the disappearance of the first text field.
Default: "fly out to center"
Textfield2 Entry: Specifies the effect to be applied on the appearance of the second text field.
Default: "fly in from center"
Textfield2 Exit: Specifies the effect to be applied on the disappearance of the second text field.
Default: "fly out to center"
Detail Image Entry: Specifies the effect to be applied on the appearance of the Detail Image.
Default: "fly in from center"
Detail Image Exit: Specifies the effect to be applied on the disappearance of the Detail Image.
DefaultDefault: "fly in from center"
Tooltip
Tooltip Type: Specifies how the Tooltip is to be displayed.
Default: Current
Current:The Tooltip will automatically be displayed for each current image of the stack, even when the mouse pointer is not located on the image. This setting is also used during the slide show.
Hover: The Tooltip is always shown for the stack image on which the mouse pointer currently is located. That enables the user to "search through" the stack without having to call up each individual page.
HTML: Specifies that the textfield supports a subset of standard HTML tags.
Default: not checked
ImportantImportant! If this option is checked the settings for Align, Bold, Font, Font Color, Font Size, Leading and Underline are ignored.
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="#cccccc" 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="../../../portals/0/images/logo.gif" align="right" vspace="0" hspace="0" widht="90" height="60" />
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
Anti-Aliasing: 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='#cccccc' face='Arial'>Text</font> invaild!
<font color='#cccccc'>Text</font> vaild!
Align: Specifies the horizontal alignment of the text.
Default: center
Bold: Specifies whether the text is boldface.
Default: Default: not checked
Font: Spezifies the font name of the text.
Default: Verdana
Font color: Spezifies the color of the text.
Default: #222222
Font size: Spezifies the size of the text.
Default: 11
Leading: Specifies the space in pixels between lines.
Default: 0
Underline: Specifies whether the text is underlined.
Default: not checked
Position Left: Specifies the margin between the text and the left border of the animations window.
Default: 0 | 130
Position 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: 120 | 120
Height: Specifies the height of the textfield.
Default: 60 | 60
Background Color:
Specifies the background color of the textfield.
Default: -
Show Border: 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!
Border Color: Specifies the border color.
Default: -
Alpha: Specifies the alpha transparency value of the tooltip.
Default: 100
Selectable: Specifies whether the text field is selectable.
Default: not checked
If selectable is checked, the text in the tooltip can be selected with the mouse or keyboard, and the text can be copied with the Copy command (CTRL +C).
Topmost: Specifies that the tooltip is shown on top of other elements.
Default: checked
Details Page
Details Page Enabled: Specifies whether the details page should be displayed.
Default: checked
Details Page - Textfields
HTML: Specifies that the textfield supports a subset of standard HTML tags.
Default: not checked
Important! If this option is checked the settings for Align, Bold, Font, Font Color, Font Size, Leading and Underline are ignored.
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="#cccccc" 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="../../../portals/0/images/logo.gif" align="right" vspace="0" hspace="0" widht="90" height="60" />
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
Anti-Aliasing: 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='#cccccc' face='Arial'>Text</font> invaild!
<font color='#cccccc'>Text</font> vaild!
Align: Specifies the horizontal alignment of the text.
Default: center
Bold: Specifies whether the text is boldface.
Default: Default: not checked
Font: Spezifies the font name of the text.
Default: Verdana
Font color: Spezifies the color of the text.
Default: #222222
Font size: Spezifies the size of the text.
Default: 11
Leading: Specifies the space in pixels between lines.
Default: 0
Underline: Specifies whether the text is underlined.
Default: not checked
Position Left: Specifies the margin between the text and the left border of the animations window.
Default: 0 | 130
Position 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: 120 | 120
Height: Specifies the height of the textfield.
Default: 60 | 60
Background Color:
Specifies the background color of the textfield.
Default: -
Show Border: 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!
Border Color: Specifies the border color.
Default: -
Alpha: Specifies the alpha transparency value of the text field.
Default: 100
Selectable: Specifies whether the text field is selectable.
Default: not checked
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).
Details Page - Image
Position Left: Specifies the margin between the image and the left border of the animation window.
Default: 10
Position Top: Specifies the margin between the image and the upper border of the animation window.
Default: 170
Zoom: Specifies the size of the image in percent.
Default: 100
Static Textfields
HTML: Specifies that the textfield supports a subset of standard HTML tags.
Important! If this option is checked the settings for Align, Bold, Font, Font Color, Font Size, Leading and Underline are ignored.
Default: not checked
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="#cccccc" 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="../../../portals/0/images/logo.gif" align="right" vspace="0" hspace="0" widht="90" height="60" />
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
Anti-Aliasing: 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='#cccccc' face='Arial'>Text</font> invaild!
<font color='#cccccc'>Text</font> vaild!
Align: Specifies the horizontal alignment of the text.
Default: center
Bold: Specifies whether the text is boldface.
Default: not checked
Font: Spezifies the font name of the text.
Default: Verdana
Font color: Spezifies the color of the text.
Default: #222222
Font size: Spezifies the size of the text.
Default: 11
Leading: Specifies the space in pixels between lines.
Default: 0
Underline: Specifies whether the text is underlined.
Default: not checked
Position Left: Specifies the margin between the text and the left border of the animations window.
Default: 260 | 390
Position 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: 120 | 120
Height: Specifies the height of the textfield.
Default: 60 | 60
Background Color:
Specifies the background color of the textfield.
Default: -
Show Border: 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!
Border Color: Specifies the border color.
Default: -
Alpha: Specifies the alpha transparency value of the tooltip.
Default: 100
Selectable: Specifies whether the text field is selectable.
Default: not checked
If selectable is checked, the text in the tooltip can be selected with the mouse or keyboard, and the text can be copied with the Copy command (CTRL +C).
Topmost: Specifies that the tooltip is shown on top of other elements.
Default: checked
Visible On Stack Page: Specifies that the static text field should be displayed on the default page.
Default: checked
Visible On Detail Page: Specifies that the static text field should be displayed on the Detail page.
Default: checked
Textfield 3 / Textfield 4: Specifies the text to be shown in Textfield 3 / Textfield 4.
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="#cccccc" 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="../../../portals/0/images/logo.gif" align="right" vspace="0" hspace="0" widht="90" height="60" />
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
Stack Images
Image Path: Specifies the path of the image displayed in the Stack.
Image Link | Target: Specifies the link to the page to be loaded when clicking on the image.
Target:
Note: This setting works only when the option "Details Page" - "Details Page Enabled" have NOT been checked!
_blank : The new page will be shown in a new browser window.
_self: The new page will be shown in the animation window.
_parent: The new page will be shown in the parent page.
_top: The new 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 text can be defined in the area "Tooltip".
Note: If you have checked option "HTML" under "Tooltip" you can make use of the following HTML tags for designing your text:
see Textfield1 / Textfield2
Textfield 1 / Textfield 2 (Details Page): Specifies the text to be shown in Textfield 1 / Textfield 2.
Any details with regard to the presentation of the text can be defined in the area "DetailsPage - Textfields".
Note: If you have checked option "HTML" under "Details Page - Textfields" 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="#cccccc" 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="../../../portals/0/images/logo.gif" align="right" vspace="0" hspace="0" widht="90" height="60" />
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
JavaScript Function: Specifies name and parameter of the JavaScript
function to be called up by clicking on an image.
Example:
MyFunction('text1', 'text2', 3)
This gives you the possibility to create own JavaScript functions via which the
animation can communicate with the other modules. The JavaScript function must
be on the same page with the 3D Stack, e. g., in an DotNetNuke-Text/HTML!
Example - JavaScript function in an DotNetNuke-Text/HTML module:
<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:
:afterclick:MyFunction('text1', 'text2', 3)