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.
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
- Crop Thumbnail
- Scale Thumbnail
Following Start Effects are supported:
- Normal
- Transparent
- Overlay
- Gray Scale (HTML5 Browsers Only)
Following Hover Effects are supported:
- Normal
- Box Rain
- Box Rain Grow
- Box Rain Grow Reverse
- Box Rain Reverse
- Box Random
- Fold
- Fold Left
- Pop-out
- Slice Down
- Slice Down Left
- Slice Down Random
- Slice Up
- Slice Up Down
- Slice Up Down Left
- Slice Up Left
- 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:
Manage Images:
Grid View:
