Register  Login


 

  Search

The Original – Version 2!
Discover new possibilities for creating fantastic image galleries and product presentations with mediaANT 3D Carousel V2. The new design allows for optimal use of the display area. In addition, more than 1000 effect combinations are available.

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 these modules for life.

Top Features & Requirements

• The 3D Carousel can be used in all DotNetNuke 4 & 5 versions.

Reviewed and certified by DotNetNuke Corp. (in progress...)
As all other mediaANT modules, the 3D Carousel has successfully passed the DotNetNuke Module Review!

JavaScript Support
To allow for flexible communication between the animation and other modules, each image can be given the name of a JavaScript function. By clicking on the image, the corresponding function is then called up. This gives you the possibility to create own JavaScript functions (e. g., in an html/text module) via which the animation can communicate with other modules.

Optimum use of display area
By its horizontal perspective and sideward turning images, the available display area is used optimally. This gives you the opportunity to use the 3D Carousel in space-limited areas such as banners or menus.

Detail Page With HTML Support
When clicking on an image on the Carousel, a detail page will show up upon request. On this detail page, information covering the selected image or product can be provided. Two text fields supporting some of the most important HTML tags are available for this useful purpose. 

Various Rotation Options
For the rotation you can choose between the following options:
Automatic: The Carousel always rotates. The visitor can control the rotation direction and speed by mouse.
Via buttons: In this setting, navigation bottons can be positioned anywhere within the animation.

Over 1000 Effect Combinations

Different effects are available for the detail page appearing or disappearing. These effects can be individually varied and allocated to each element of the detail page (images and text fields). This provides an enormous number of effect combinations for individually presenting each animation.

Different results when clicking on an image
You can determine how the animation should react following the click on an image:
1. A page appearing with detail information on the selected image.
2. A link opening to a different page.

Alternative Content and Search Engines support
In addition to the configuration settings of the Carousels, HTML code can be entered which will be displayed if Flash Player is not installed or supported. This content will also be picked up by search engines, making it a great tool for creating search-engine-friendly content.

User-Friendly Configuration

The module can be fully configured via the "Settings" page. All options are already pre-set, and in most cases drop-down lists support the selection of entries. Each setting is fully described in a help text.

Randomize Images

With this feature, every time a page is called up, a different selection of images shows in the 3D Carousel. This makes sense in those cases where a Carousel contains a large selection of images that cannot all be shown properly at the same time.

No portal modifications required
After installation of the module, the 3D Carousel is immediately ready for use! None of the settings of your portal will be affected by the installation and no additional software will be installed!

Optimized  Loading

The animation file displayed has only 67Kb and is furthermore loaded asynchronously (AJAX/HTTP request principle).  This ensures that the display speed of your web site is not affected by the module!

Purchase
  

 


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

Samples








mediaANT Newsletter
Settings Overview



3D Carousel 4.0 - Settings Help

Flash Player

Width: Specifies the width of the animation area.
Default: 600

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!


Carousel

Width: Specifies the width of the Carousel.
Default: 300
 
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.

Random Images: Specifies that every time a page is called up, a different selection of images shows in the Carousel.
Default: not checked
This makes sense in those cases where a Carousel 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 Carousel follows the random principle.


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

Speed: Specifies the speed of rotation of the Carousel.
Default: 15

Rotation: Specifies the rotation options of the Carousel.
Default: Button: Bottom|Left

Auto: The Carousel rotates automatically.
Buttons: Navigation buttons are displayed by which the Carousel 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

 
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: 50

Distance: Specifies the distance the reflection starts from the bottom of the image.
Default: 0


Effects - Details Page - / Carousel - Appearance

Carousel Entry: Specifies the effect to be applied on the appearance of the Carousel.
Default: "fly in from center"

Carousel Exit: Specifies the effect to be applied on the disappearance of the Carousel.
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.
Default: "fly in from center"

Effects Time: Specifies how long the effects will take (in seconds).
Default: 0.5


Effects - Image Glow

Enabled: Specifies if a glow effect should be displayed on an image when the curser is placed over it.
Default: not checked

Color: Specifies the color of the glow effect.
Default: #ff0000

Alpha: Specifies the alpha transparency value of the glow effect.
Default: 100

Blur: Specifies the extent of the glow effect.
Default: 32

Strength: Specifies the intensity of the glow effect.
Default: 2

Quality: Specifies the presentation quality of the glow effect.
Default: High

 

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, Italic, 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: not checked

Italic: Specifies whether the text is italicized.
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: 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: 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: -


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, Italic, 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

Italic: Specifies whether the text is italicized.
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: 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: 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

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>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>
 

  
Carousel Images

Image Path:
Specifies the path of the image displayed in the Carousel.

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>

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!
Example - JavaScript function in an DotNetNuke-Text/HTML module:
<script language="javascript">
function MyFunction(v1, v2, v3)
{
    alert(v1);
    alert(v2);
    alert(v3);
}
</script>


Impressum  Privacy Statement  Terms Of Use