Responsive Light-box Gallery with Stylish Hover Effects

posted by DnnZone - 7/13/2013
DnnZone Active Since 8/11/2010
Pakistan

5.00

(4 total reviews for DnnZone in the last six months.)

reviews Ask a Question

1 users are watching this product.

A nice looking image gallery module with stylish image level hover effects. Thumbnails are shown in a responsive grid. You can either specify hover effect for each image or choose to show random effects. Clicking the thumbnails will show the actual size image in light-box. Module 31210
  • $25.00 Standard (Licensed to 1 Domain)
  • $48.00 Developer Edition (1 Parent Portal with Unlimited Child Portals)
  • $61.00 Enterprise Edition (Unlimited Parent Portals and Unlimited Child Portals)

$25.00

Add To Cart
If you face any issue in accessing the demo of the module, please contact us at [email protected]. Thanks.
All DnnZone's Modules are supported on DNN 4, 5, 6, & 7 platforms.
We have revised our upgrade policy - you will get life time free upgrades for all of our modules.
For demo/trial versions of our products, please contact us at [email protected]
At DnnZone, we also provide custom development services for your needs. We will try to provide quality services at better rates.
You can contact us at [email protected]
 

A nice looking image gallery module with stylish image level hover effects. 16 unique hover effects are supported. Thumbnails are shown in a responsive grid. You can either specify hover effect for each image or choose to show random effects.

You will have an option to either display thumbnails with the same aspect ratio or you can choose to crop image by showing the middle part of image in thumbnail grid.

This module is built using Java-script, HTML and CSS3 only. No Flash is used. 

Note: Please note, this module requires jQuery 1.7 or higher, please make sure that either your portal has the latest version or you turn on the Include jQuery check-box from module settings page for the first module.

View module in action
View blog post on how to install and use this module
  • DNN 04.xx.xx
  • DNN 05.xx.xx
  • DNN 06.xx.xx
  • DNN 07.xx.xx
Details about available module settings
This module supports multiple instances on the same page.

You can review the product terms and license details here.

Module Configuration/Settings:

You can customize the settings for this module, including:

  • Randomize Images
  • Randomize Effects
  • Margin
  • Image Opacity
  • Hover Animation Speed
  • Slices
  • Box Columns
  • Box Rows
  • Thumbnail Dimension
    • Width
    • Height 
  • Crop Thumbnail
  • Scale Thumbnail

Following Start Effects are supported:

  1. Normal
  2. Transparent
  3. Overlay
  4. Gray Scale (HTML5 Browsers Only)

Following Hover Effects are supported:

  1. Normal
  2. Box Rain
  3. Box Rain Grow
  4. Box Rain Grow Reverse
  5. Box Rain Reverse
  6. Box Random
  7. Fold
  8. Fold Left
  9. Pop-out
  10. Slice Down
  11. Slice Down Left
  12. Slice Down Random
  13. Slice Up
  14. Slice Up Down
  15. Slice Up Down Left
  16. Slice Up Left
  17. Slice Up Random

Browser Support:

Live Demo:

You can access live demo here


Following screen-shots describe the functionality of this module:

Module Settings Page:

 Module Settings

Manage Images:

Manage Images

Add Image

Grid View:

Thumbnail Grid View