Image Grid with Stylish Light-box Gallery

posted by DnnZone - 2/3/2013
DnnZone Active Since 8/11/2010
Pakistan

5.00

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

reviews Ask a Question

3 users are watching this product.

A lightweight image grid module with support of modal light-box window. Clicking any image in the grid will show the full version of image in a light-box gallery with thumbnails and navigation support. You can use this module to showcase your large set of images. Module 29500
  • $23.00 Standard (Licensed to 1 Domain)
  • $45.00 Developer Edition (1 Parent Portal with Unlimited Child Portals)
  • $57.00 Enterprise Edition (Unlimited Parent Portals and Unlimited Child Portals)

$23.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 lightweight image grid module with support of modal light-box window which uses only CSS3 for silky-smooth animations and transitions. Image grid is loaded using stylish flip transition. Clicking any image in the grid will show the full version of image in a light-box gallery with thumbnails and navigation support. You can use this module to showcase your large set of images.

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

Note: Please note, this module requires jQuery 1.8 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
Details about available module settings
This module does not supports multiple instances on the same page. We are working on this feature and will release an update once it is ready.

You can review the product terms and license details here.

Module Configuration/Settings:

You can customize the settings for this module, including:

  • Randomize Images
  • Container Width
  • Thumbnail Dimension
    • Width
    • Height 
  • Margin
  • Hover Zoom Scale

Browser Support:

Live Demo:

You can access live demo here


Following screenshots describe the functionality of this module:

Module Settings Page:

 Module Settings

Manage Images:

Manage Images

Add Image

Thumbnail Grid View:

Thumbnail Grid View

Thumbnail Grid - Hover View: 

Thumbnail Grid - Hover View

Light-box Gallery View: 

Light-box View