Iframe Support on Lightbox!
So You Can Load Youtube/Vimeo Videos, Even Web Pages!
Each Box is Independent
So Make Any Combination That You Can Think With Images, Iframes, Text and HTML!
Some Features
Syntax
The Grid has a very simple syntax, so you can create them easily manually or with PHP.
Responsive
Will automatically adapt to its container taking care of keeping the right proportions.
Categories
The navigation filter bar is auto generated 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 free support concerning the plugin about its usage and bugs, 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.
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: true, //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: 15, //The space between images horizontally
verticalSpaceBetweenThumbnails: 15, //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
hoverImageIconsAnimation: true, // The animation of the Icons of the image
hoverImageIconsSpeedAnimation: 100, // The speed of the animation of the Icons of the image
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?
allWord: "All", //The "All" word so you can translate it to another lenguaje
loadMoreWord: "LOAD MORE ENTRIES", //The "Load More Entries" word so you can translate it to another lenguaje
}