The modules 3D Gallery V1 & V2 allow you to create impressive image galleries and product presentations in only a few minutes!
Due to the integrated JavaScript support, calling up YouTube clips, Amazon products, Ebay auctions, Google search results, etc., is possible at any time! This allows for the 3D Gallery V2 to extend into nearly unlimited functionalities!
2 Top Modules for the Price of One!
3D Gallery V2 is not a new version of 3D Gallery V1. Each module is unique, developed and enhanced in parallel, designed to create a variety of different gallery effects. V1 is built to display detailed information directly inside the Gallery, while on click to an image in the Gallery, V2 features a Detail Page display, or display more info inside a Lightbox!
 Lifetime License
If you purchase this bundle, 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 modules can be used in all DotNetNuke 4 & 5 versions.
No Portal Modifications Required
After installation, the modules are immediately ready to use! No portal settings are affected by the installation and no additional software will be installed!
User-Friendly Configuration
All 3D Gallery V1 and V2 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.
Gallery Rotation Options
Automatic: The Gallery 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 Gallery 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. (V2 only)
• 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! (V2 only)
• 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 Gallery V1 and V2 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 (V2 only) to export content only, or export the complete 3D Gallery module with settings for importing into another 3D Gallery V2 instance. Import/Export allows for flexible portability from project to project. Using the Import/Export functions, you can now:
• Design your Gallery locally or on a test site before importing it for public display on another website
• Create pre-made 3D Galleries that can be easily imported into other websites
• With one click, backup all the content or the full 3D Gallery V2 module with settings
Extensive JavaScript Support
With 3D Gallery V2, you can extend any animation event using custom JavaScript (ImageClicked, MouseOver, MouseOut, AnimationLoaded, DetailPageLoaded, etc.) With powerful JavaScript support, you can fully enhance the user interface experience, even controlling the animation externally with additional JavaScript events (InvokeImageClick, InvokeDetailPageClose, etc.)
Randomize Images
Randomized Images works to create a dynamic Gallery 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 Gallery page is displayed, a different group of images from the Gallery 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.
Optimized Gallery Loading
Optimized for best performance, the 3D Gallery V1/V2 animation files are only 67Kb/75Kb and are loaded asynchronously (AJAX/HTTP Request), to render Gallery 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
|
 |
|
|
|
How The Gallery Works
Settings Overview
mediaANT Newsletter
How the 3D Gallery works
The 3D Gallery is constructed like a carousel where only the back section is visible.
Any images added to the 3D Gallery are distributed evenly over the complete carousel. Therefore, the distance between the images is determined by the size of the carousel and the number of images displayed. The size of the carousel can be defined by the setting Radius.
Because of the three-dimensional perspective of the Gallery, the size of the images shown depends on the extension of the carousel. The larger the carousel, the smaller the images in the background. To modify the size of the images, the focus of the Gallery can be moved backwards or forwards with the setting Focus. If you increase the Focus value, the images move forward and appear larger, but at the same time, the visible section of the carousel and thus its perspective presentation are changed as well.
For optimum presentation, we suggest using between 10 and 70 images.
Examples:
To make the differences in the presentation clear, all galleries below are using the same images.
View of a gallery from above:
The same gallery with fewer images. The distance between the images has become larger:
A large gallery with 40 images. The size of the images has reduced automatically, so that all images could be fully displayed in the gallery:
(Radius: 800 / Focus: 250)
The same gallery with larger focus. The perspective has moved forward. The images now appear larger, but the three-dimensional effect is reduced:
(Radius: 800 / Focus: 600)
3D Gallery for DotNetNuke 4.0 - Settings
 |
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.
Gallery
Radius: 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.
Focus: 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.
Vertical View: Specifies the vertical view on the Gallery.
Default: 0
Speed: Specifies the speed of rotation of the Gallery.
Default: 6
Position Center Top: Specifies the position of the Gallery starting from the center of the animation window.
Default: 0. 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 setting the Gallery can be shifted vertically.
Random Images: Specifies the number of images shown randomly at any time. Images are taken randomly from the complete selection contained in the Gallery.
Default: -
Background Color: Specifies the background color of the Gallery.
Default: #ffffff
Show Background Image: Specifies whether an image should appear as background image.
Default: not checked
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.
Background Image: Specifies the path of an image displayed as the background image.
Default: -
Background Top: Specifies the margin between the animation window and the upper border of the background image.
Default: 0
Background Left: Specifies the margin between the animation window and the left border of the background image.
Default: 0
Navigation
Rotation: Specifies the rotation options of the Gallery.
Default: Auto
Auto: The Gallery rotates automatically.
Buttons: Navigation buttons are displayed by which the Gallery rotation can be directed to run clockwise or counter-clockwise.
Custom: The navigation buttons can be positioned anywhere.
Effects - Image Reflection
Visible: Specifies if a reflection should be visible.
Default: checked
Hint: When the glow effect is activated, no reflection will be shown!
Alpha: Specifies the alpha transparency value of the reflection.
Default: 50
Height: Specifies the height of the reflection.
Default: 4
Distance: Specifies the distance the reflection starts from the bottom of the image.
Default: 0
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
Hint: When the glow effect is activated, no reflection will be shown!
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
Effects - Image Rotation
Enabled: Specifies if an image should feature a rotation effect when the curser is placed over it.
Default: not checked
Speed: Specifies the speed of the rotation effect.
Default: 15
Radians: Specifies the degree of rotation of the image.
Default: 180
Effects - Image Zoom
Enabled: Specifies if a zoom effect is to be displayed in an image when the curser is placed over it.
Default: not checked
Rate: Specifies the zoom rate of the effect.
Default: 5
Dynamic / 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: <fon <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/..\..\..\portals\0\logo.gif".>
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: not checked
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 text is underlined.
Default: not checked
Position Left: Specifies the margin between the text and the left border of the animations window.
Default: 0 | 110 | 220 | 330
Position Top: Specifies the margin between the text and the upper border of the animations window.
Default: 10 | 10 | 10 | 10
Width: Specifies the width of the textfield.
Default: 100 | 100 | 100 | 100
Height: Specifies the height of the textfield.
Default: 30 | 30 | 30 | 30
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: -
Gallery Images
Image Path: Specifies the path of the image displayed in the Gallery.
Image Link | Target: Specifies the link to the page to be loaded when clicking on the image.
Target:
_blank : The new page will be shown in a new browser window.
_self: The new page will be shown in the Gallery window.
_parent: The new page will be shown in the parent page.
_top: The new page will be shown in the topmost frame.
Textfield 1 (dynamic) / Textfield 2 (dynamic): Specifies the text to be shown in Textfield1 / Textfield2.
Any details with regard to the presentation of the text can be defined in the area "Dynamic Textfields".
Note: If you have checked option "HTML" under "Dynamic 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: <fon <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/..\..\..\portals\0\logo.gif".>
List Item: <li>Lorem ipsum<br>Lorem ipsum</li> |
|
|