Some Features
-
Syntax
The Grid has a very simple syntax, so you can create the grid manually and from external images.
-
Responsive
Will automatically adapt to its container taking care of keeping the right proportions.
-
Categories
The navigation filter bar is generated automatically from the categories you specify to each image.
-
CSS3 Transitions
Take advantage of CSS3 Transformations like scale 3D for a better transition effects.
-
Customizable
You can play around enabling and disabling many features and options through Javascript.
-
Captions
There are some cool effects available for the captions and you can add any HTML to it.
-
Support
I offer you any free support concerning the Ultimate Grid Responsive Gallery, I will help you any way I can.
-
API
Gives you full control over the grid, play, stop, nav, lightbox, etc., all through Javascript
-
Documentation
You can read the documentation for free here, and feel free to ask any question you may have.
HTML markup
Default Javascript Options
{
showFilterBar: true, //Show the navigation filter bar at the top
imagesToLoad: 5, //The number of images to load when you click the load more button
imagesToLoadStart: 15, //The number of images to load when it first loads the grid
lazyLoad: false, //If you wish to load more images when it reach the bottom of the page
isFitWidth: true, //Nedded to be true if you wish to center the gallery to its container
horizontalSpaceBetweenThumbnails: 5, //The space between images horizontally
verticalSpaceBetweenThumbnails: 5, //The space between images vertically
columnWidth: 'auto', //The width of each columns, if you set it to 'auto' it will use the columns instead
columns: 5, //The number of columns when you set columnWidth to 'auto'
columnMinWidth: 220, //The minimum width of each columns when you set columnWidth to 'auto'
isAnimated: true, //If you wish the gallery to have animated effects when resizing the grid
caption: true, //Show the caption in mouse over
captionType: 'grid', // 'grid', 'grid-fade', 'classic' the type of caption effect
lightBox: true, //Do you want the lightbox?
lightboxKeyboardNav: true, //Keyboard navigation of the next and prev image
lightBoxSpeedFx: 500, //The speed of the lightbox effects
lightBoxZoomAnim: true, //Do you want the zoom effect of the images in the lightbox?
lightBoxText: true, //If you wish to show the text in the lightbox
lightboxPlayBtn: true, //Show the play button?
lightBoxAutoPlay: false, //The first time you open the lightbox it start playing the images
lightBoxPlayInterval: 4000, //The interval in the auto play mode
lightBoxShowTimer: true, //If you wish to show the timer in auto play mode
lightBoxStopPlayOnClose: false, //Do you want pause the auto play mode when you close the lightbox?
}