The world’s first 3D Carousel for DotNetNuke!
Generate spectacular image galleries, dazzling menus and ambitious product presentations within minutes! A wide range of settings allow for perfect integration in any website!
With integrated JavaScript support, you have nearly unlimited options for calling up Lightbox images, YouTube clips, Amazon products, Ebay auctions, Google search results, and more!
Lifetime License!
If you purchase this module, you are entitled to a Lifetime License. This means that you are guaranteed to get free upgrades for this animation for life!
Top Features & Requirements
• The module can be used in all DotNetNuke 4/5 versions.
No Portal Modifications Required
After installation, the module is immediately ready to use! No portal settings are affected by the installation and no additional software will be installed!
User-Friendly Configuration
All Carousel options are preset for quick-start use, and for most settings, drop-down lists allow you to choose from a wide range of options, with comprehensive help available for every setting.
Carousel Rotation Options
Automatic: The Carousel continually rotates while the site visitor controls the rotation direction and speed by positioning their mouse pointer.
Buttons: Navigation buttons that control rotation can be placed anywhere within the animation.
Image Click Actions
When clicking on a Carousel image, choose from these action options:
• Detail Page: A detail page opens that includes more information about the selected image, so that more information about a product can be provided. Two text fields can be displayed, with both fields supporting the most common HTML tags.
• Lightbox: Details of the clicked image are shown in a Lightbox. It is even possible to open an entire website in a Lightbox! Lightbox presentations can be configured with 10 different themes and extensive custom settings including the full range possibilities that HTML allows!
• Link: When the user clicks an image, a link opens to any web page you choose.
Wide Selection of Presentation Options
You can configure 3D Carousel V1 to your exact specifications using radius, perspective, speed, background image and mirroring settings. All text and background colors are easy to configure, too.
Import/Export Functions
Use the powerful Import/Export function to export content only, or export the complete 3D Carousel V1 module with settings for importing into another 3D Carousel V1 instance. Import/Export allows for flexible portability from project to project. Using the Import/Export functions, you can now:
• Design your 3D Carousel locally or on a test site before importing it for public display on another website.
• Create pre-made 3D Carousels that can be easily imported into other websites.
• With one click, backup all the content or the full 3D Carousel V1 module with settings
Extensive JavaScript Support
With 3D Carousel V1, you can extend any animation event using custom JavaScript Functions (ImageClicked, MouseOver, MouseOut, AnimationLoaded, DetailPageLoaded, etc.). And you can fully enhance the user interface experience, even controlling the animation externally with additional JavaScript Events (InvokeImageClick, InvokeDetailPageClose, etc.)
High-Resolution Images
All images in the Carousel are shown without any flickering – even photos are displayed in pin-sharp detail during the rotation movement! This means that you can create top quality animations (e. g. image galleries) with very impressive results.
Randomize Images
Randomized Images works to create a dynamic Carousel display when you have a large number of images that cannot be shown all together. When you enable the Randomized Images feature, every time the Carousel page is displayed, a different group of images from the Carousel are displayed.
HTML Support
Font size, font color and line spacing for all text can be easily customized using drop-down selection lists. Additional text formatting is also available using a sub-set of HTML tags within the text body.
Alternative Content
All mediaANT 3d modules are built with a smart solution called Alternative Content. On any device or machine where Adobe Flash is not installed or supported, Alternative Content can display an image or other HTML content that you define. Alternative Content is indexed by search engines, too, making the feature perfect for creating search engine friendly content!
Optimized Carousel Loading
Optimized for best performance, the 3D Carousel animation file is only 55Kb and is loaded asynchronously (AJAX/HTTP Request), to render Carousel pages quickly and to keep your web site running fast!
|
 |
|
Shops:
|
| Important: All future updates and full versions of the animation are free of charge! You will automatically be notified by e-mail on any new upgrades. When you purchase the product, it is therefore vital that you provide your correct e-mail address. |
|
|
|
|
|
Service & Support
|
 |
|
|
|
3D Carousel Sample - Team
Click on any of the Carousel images for further information!
3D Carousel Sample - Cards
3D Carousel Sample - Games
Click on any of the Carousel images for further information!
3D Carousel Sample - Earth
3D Carousel Sample - Adobe
3D Carousel Sample - Hover
3D Carousel Sample - Fruits
3D Carousel 5.2 - Settings Help
 |
Flash Player
Width: Specifies the width of the animation area.
Default: 400
Height: Specifies the height of the animation area.
Default: 250
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 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!
Carousel
Radius X: Specifies the width of the X axis of the Carousel.
Default: 150
Experiment with the settings Radius-X, Radius-Y and Perspective to obtain the desired configuration of your Carousel.
Radius Y: Specifies the length of the Y axis of the Carousel.
Default: 30
Experiment with the settings Radius-X, Radius-Y and Perspective to obtain the desired configuration of your Carousel.
Perspective: Specifies the spatial extension of the Carousel.
Default: 10
Experiment with the settings Radius-X, Radius-Y and Perspective to obtain the desired configuration of your Carousel.
Position Center Left: 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.
Position Center Top: 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.
Speed: Specifies the speed of rotation of the Carousel.
Default: 15
Speed Max: Specifies the maximum rotation speed which the Carousel may reach when controlled via mouse (Navigation "auto").
Default: 15
Random Images: Specifies the number of images shown randomly at any time. Images are taken randomly from the complete selection contained in the Carousel.
Default: -
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.
Frames per Second: Specifies the frame rate or frequency at which images are to be displayed in the Carousel.
Default: 30/40
The framerate affects how smoothly your animation plays. For example, an carousel set to 24 frames per second (fps) plays 24 frames each second. If the framerate is set to 40 fps, the carousel appears to animate more smoothly than if it ran at 24 fps. However, your carousel at 40 fps also plays much faster than it does at 24 fps, so the total duration (in seconds) is shorter.
Use the lowest possible frame rate that makes your carousel appear to play smoothly, which helps reduce the strain on the end-user's processor.
Background
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.
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.
Image Position: Specifies the starting position of a background image.
Default: top left
Percent: x% y%
The first value is the horizontal position and the second value is the vertical. The top left corner is 0% 0%. The right bottom corner is 100% 100%.
Absolute: xpos ypos
The first value is the horizontal position and the second value is the vertical. The top left corner is 0px 0px.
Image Repeat: Specifies if/how a background image will be repeated.
Default: repeat
repeat: The background image will be repeated vertically and horizontally.
repeat-x: The background image will be repeated horizontally.
repeat-y: The background image will be repeated vertically.
no-repeat: The background-image will be displayed only once.
Navigation
Rotation: Specifies the rotation options of the Carousel.
Default: auto
auto: The Carousel rotates automatically.
buttons: Navigation buttons are displayed by which the Carousel rotation can be directed to run clockwise or counter-clockwise.
cutom: The navigation buttons can be positioned anywhere.
none: The Carousel does not rotate.
Buttons Color: Specifies the color of the buttons.
Default: #ff0000
Buttons Alpha: Specifies the alpha transparency value of the buttons.
Default: 75
Left Button Path:
Specifies the path of an image displayed as the left button.
Default: -
Sample: cmdLeft.png
This setting allows you to replace the standard 3D Carousel left navigation button with your own button image.
Right Button Path:
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.
Initial Rotation Duration: Specifies how long the Carousel should rotate initially. Works only in combination with the navigation buttons (see Rotation).
Default: 0
Position Left: Specifies the margin between the animation window and the left border of the buttons.
Default: 0
Position Top: Specifies the margin between the animation window and the upper border of the buttons.
Default: 0
Effects - Image Reflection
Visible: Specifies if a reflection should be visible.
Default: checked
Alpha: Specifies the alpha transparency value of the reflection.
Default: 70
Height: Specifies the height of the reflection.
Default: 25
Distance: Specifies the distance the reflection starts from the bottom of the image.
Default: 0
Effects - Image Frame
Visible: Specifies whether each Carousel image should have an image frame.
Default: not checked
Distance: Specifies the distance between frame and image.
Default: not checked
Border Width: Specifies the width of the image frame border.
Default: 3
Border Color: Specifies the color of the image frame border.
Border Alpha: Specifies the alpha transparency value of the image frame border.
Default: 50
Fill Color 1: Specifies the color with which an image frame should be filled.
Fill Color 1 Alpha: Specifies the alpha transparency value of the first fill color.
Default: 50
Fill Color 2: 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!
Fill Color 2 Alpha: Specifies the alpha transparency value of the second fill color.
Default: 50
Transition: Specifies in percent the width of the transition from first to second fill color.
Default: 100
Rotation: Specifies the rotation of the fill in radians.
Default: 0
Tooltip
Visible: Specifies whether tooltips should be displayed above the Carousel images.
Default: checked
HTML: Specifies that the Image Tooltip textfield supports a subset of standard HTML tags.
Important! If this option is checked the settings for Align, Bold, Font Color, FontSize, Leading, 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='#ffffff' face='Arial' size='12'>
Paragraph: <p align='center'>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\logo.gif'.>
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
Via html you can display images inside text fields (see Image tag). There is, however, no possibility to display the images side by side. Even if you define in html that the images are to be shown side by side they will be shown in vertical order. This is a limitation of the Flash text field.
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 (< 10px).
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='10' face='Arial'>Text</font> invaild!
<font color='#ffffff' size='10'>Text</font> vaild!
Align: Specifies the horizontal alignment of the tooltip text.
Default: center
Bold: Specifies whether the text is boldface.
Default: not checked
Font: Specifies the font to be used.
Default: Verdana
If the font size is very small, the standard font should be used.
Font color: Spezifies the color of the text.
Default: #222222
Font size: Spezifies the size of the text.
Default: 14
Leading: Specifies the space in pixels between lines.
Default: 0
Underline: Specifies whether the tooltip text is underlined.
Default: not checked
Default Top: SSpecifies the position of the tooltip starting from the tooltips default position.
Default: 0. Plus and minus values are accepted. e.g -150br /> TThe default position of the Tooltip is above the image. With this setting the tooltip can be shifted vertically.
Width: Specifies the width of the tooltip.
Default: 120
Height: Specifies the height of the tooltip.
Default: 30
Alpha: Specifies the alpha transparency value of the tooltip.
Default: 100
Background Color: Specifies the background color of the tooltip.
Default: -
Show Border: Specifies that a frame will be displayed around the tooltip.
Default: not checked
Hint: Showing the contours can also be helpful for positioning the tooltip!
Border Color: Specifies the border color.
Default: -
Details Page
Enabled: Specifies whether the details page should be displayed.
Default: checked
HTML: Specifies that the Image Content textfield supports a subset of standard HTML tags.
Important! If this option is checked the settings for Align, Bold, Font Color, Font Size, Leading, 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='#ffffff' face='Arial' size='12'>
Paragraph: <p align='center'>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\logo.gif'.>
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
Via html you can display images inside text fields (see Image tag). There is, however, no possibility to display the images side by side. Even if you define in html that the images are to be shown side by side they will be shown in vertical order. This is a limitation of the Flash text field.
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 (< 10px).
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='10' face='Arial'>Text</font> invaild!
<font color='#ffffff' size='10'>Text</font> vaild!
Align: Specifies the horizontal alignment of the text.
Default: justify
Bold: Specifies whether the text is boldface.
Default: not checked
Font Color: Spezifies the color of the text.
Default: #222222
Font Size: 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: not checked
Position Left: Specifies the margin between the text and the left border of the animations window.
Default: 145
Position Top: Specifies the margin between the text and the upper border of the animations window.
Default: 30
Width: Specifies the width of the textfield.
Default: 230
Height: Specifies the height of the textfield.
Default: 150
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: -
Details Page - Image
Image Left: Specifies the margin between the image and the left border of the animation window.
Default: 60
Image Top: Specifies the margin between the image and the upper border of the animation window.
Default: 170
Static Textfields
HTML: Specifies that the Image Content textfield supports a subset of standard HTML tags.
Important! If this option is checked the settings for Align, Bold, Font Color, Font Size, Leading, 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='#ffffff' face='Arial' size='12'>
Paragraph: <p align='center'>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\logo.gif'.>
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
Via html you can display images inside text fields (see Image tag). There is, however, no possibility to display the images side by side. Even if you define in html that the images are to be shown side by side they will be shown in vertical order. This is a limitation of the Flash text field.
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 (< 10px).
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='10' face='Arial'>Text</font> invaild!
<font color='#ffffff' size='10'>Text</font> vaild!
Align: Specifies the horizontal alignment of the text.
Default: justify
Bold: Specifies whether the text is boldface.
Default: not checked
Font Color: Spezifies the color of the text.
Default: #222222
Font Size: 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: not checked
Position Left: Specifies the margin between the text and the left border of the animations window.
Default: 145
Position Top: Specifies the margin between the text and the upper border of the animations window.
Default: 30
Width: Specifies the width of the textfield.
Default: 230
Height: Specifies the height of the textfield.
Default: 150
Topmost: Specifies that the text field is shown on top of other elements.
Default: checked
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: -
Visible On Carousel 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 align='center'>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>
Via html you can display images inside text fields (see Image tag). There is, however, no possibility to display the images side by side. Even if you define in html that the images are to be shown side by side they will be shown in vertical order. This is a limitation of the Flash text field.
Carousel Images
Image Path: Specifies the path of the image displayed in the Carousel.
Image Tooltip: Specifies the text appearing above the Carousel image. Any details with regard to the presentation of the tooltips can be defined in the area "Image Tooltip".
Note: If you have checked option "HTML" under "Image Tooltip" 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' face='Arial' size='12'>
Paragraph: <p align='center'>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\logo.gif'.>
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
Via html you can display images inside text fields (see Image tag). There is, however, no possibility to display the images side by side. Even if you define in html that the images are to be shown side by side they will be shown in vertical order. This is a limitation of the Flash text field.
Image Link | Target: Specifies the link to the page to be loaded when clicking on the image.
Note: This setting works only when the option "Contents of Details Page" | "Enabled" have not been checked!
Target:
_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.
Textfield: Specifies the text to be shown on the details page of an image. Any details with regard to the presentation of the content can be defined in the area "Contents of Details Page".
Note: If you have checked option "HTML" under "Contents of Details Page" you can make use of the following HTML tags for designing your text:
see Image Tooltip
Textfield Content Link | Target: Specifies the link to the page to be loaded when clicking on the details page text.
Note: This setting works only when the option "Contents of Details Page" | "Enabled" have been checked AND the option "Contents of Details Page" | "HTML" have NOT been checked!
Target:
_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.
JSFunction: 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 Carousel, e. g., in an DotNetNuke-Text/HTML module!
Example - JavaScript function in an DotNetNuke-Text/HTML module (Source):
<script language="javascript">
function MyFunction(v1, v2, v3)
{
alert(v1);
alert(v2);
alert(v3);
}
</script>
|
|