5
(4 product reviews.)
Lightbox Grid Gallery V05.07
posted by cooldnn - 10/2/2018
cooldnn Active Since 11/25/2013
Viet Nam
 Ask a Question
Lightbox Gallery Module is a powerful Dotnetnuke module with jQuery plugin that provides beautiful animated filtering, custom captions. It plays nice with CSS, making it a great choice for dynamic and responsive layouts.
Module
38492
Lightbox Gallery Module is a powerful Dotnetnuke module with jQuery plugin that provides beautiful animated filtering, custom captions. It plays nice with CSS, making it a great choice for dynamic and responsive layouts.
Features:
- Animation for first load, photo.
- Animation for captions - the overlay shown when you put the mouse over an item.
- Display type. It bases on the following values.
- Define items shown per each row depend on screen size.
- Define the speed of displaying the items.
- Responsive design.
- Horizontal, vertical gap between items.Keyboard navigation.
- Sorting for grid.
- Many other settings...
COMPATIBLE WITH DNN VERSION 7.X, 8.X, 9.X Demo + Free Trial
1. To Manage module settings drag mouse to pencil icon and click on the link "Module Settings". Then it goes to module setting page. There are many options list image below
Manage module settings
2. Options list
| Name |
Values |
Default |
Description |
| Animation type |
Fade Out, Quick Sand, Bounce Left, Bounce Top, Bounce Bottom, Move Left, Slide Left, Fade Out Top, Sequentially, Skew, Slide Delay, 3D, Rotate Sides, Flip Out Delay, Flip Out, Unfold, Fold Left, Scale Down, Scale Sides, Front Row, Flip Bottom, Rotate Room. |
Rotate Sides |
Defines which animation to use for items |
| Gap Horiziontal |
10,11,12,20, ... 1000 |
10 |
Horizontal gap among items |
| Gap Vertical |
10,11,12,20, ... 1000 |
10 |
Vertical gap among items |
| Caption Animation |
Push Top, Push Down, Reveal Bottom, Reveal Top, Move Right, Overlay Bottom Push, Overlay Bottom, Overlay Bottom Reveal, Overlay Bottom Along, Overlay Right Along, Minimal, Fade In, Zoom, Opacity |
Zoom |
Caption - the overlay shown when you put the mouse over an item. |
| Display type |
Default, Fade In, Lazy Loading, Fade In To Top, Sequentially, Bottom To Top |
Lazy Loading |
The plugin will display his content based on the following values. |
| Display type speed |
400,500,600,601.... 10000 |
400 |
Defines the speed of displaying the items |
| Hide category |
Cheched or Uncheck |
Uncheck |
Show or Hide category |
| Media queries |
Width[1366,800,600,300] = Items[5,4,3,1] |
Width[1116,800,500,300] = Items[5,4,2,1] |
Media queries ( set item for seperate screen) |
| Filter Align |
Left, Right, Center |
Left |
Set Align for category |
| Caption Align |
Left, Center |
Left |
Select caption align |
| Show image name |
Cheched or Uncheck |
Uncheck |
Show or Hide image name grid |
| Show image description |
Cheched or Uncheck |
Uncheck |
Show or Hide image description grid |
| Category Order Field |
Order by Category Name, Category Position |
Category Position |
Set order for Category |
| Category Order Type |
ASC, DESC |
DESC |
Set order type for category |
| Image Order Field |
Order by Image Name, Image Position |
Image Position |
Set order for Image |
| Image Order Type |
ASC, DESC |
DESC |
Set order type for Image |
| Change text All |
All, Alless,..... |
All |
Change text "All" when image popup |
| Change text Off |
Off, Offess,..... |
of |
Change text "Off" when image popup |
| Image thumb width |
400,450,... |
400 |
Image thumbnail width to resize when uploaded |
| Image thumb height |
300,350,... |
400 |
Image thumbnail height to resize when uploaded |
| Load original size |
Checked and uncheck |
Uncheck |
Load originail image size |
| Show count on Category |
Checked and uncheck |
Check |
Show count image on Category |
| Link target |
Blank, Self |
Blank |
Using when iten has external link |
To Manage category drag mouse to pencil icon and click on the link "Manage Category". It is redirect to manage category page. It will be show as below image
In the form, you can add new, edit, update, move up, move down category
Manage category
To Manage Gallery drag mouse to pencil icon and click on the link "Manage Gallery".
You can manage image on this form. In this form, you can upload, update, deleted selected items. You can manage item properties on each row.
Manage Gallery
1. If you want to load another image for popup image. On this grid, choose file at Popup image column. When the image upload it will show on the grid
Another Popup Image
2. To add external link for image. Enter external link on the column External Link. It will redirect to external link
Add External Link
3. To add video link for image. Enter video link on the column Video Link. When user click on image. It will show video. The video can be Youtube or Vimeo link
Add Video Link
Sample
- Youtube: https://www.youtube.com/watch?v=nXTtA5bKHrM
- Vimeo: https://vimeo.com/259411563
Some of screen shoot
Lightbox Gallery Module
Lightbox Gallery Module
Lightbox Gallery Module
Lightbox Gallery Module
| Standard license |
The standard license allows the activation and use on 1 DNN portal. Not permitted Redistribution. Free update within 90 days |
| Enterprise license |
Unlimited DotNetNuke® Installation. Not permitted Redistribution. Free update |
If you have any questions that are beyond the scope of this documentation file, please feel free to email via my email
[email protected].
Created by CoolDNN
|
|
Great product with very nice options. Very easy to use. Posted 1/12/2014 says... 5.0 Great lightbox gallery- responsive and cool loading effect.Don't download with Safari as it unzips the module. Use Google Chrome instead. Posted 6/27/2015 says... 5.0 Easy, too the point. Posted 1/31/2016
|