Auto Grid Responsive Gallery

Auto Grid Responsive Gallery

This is a plugin that scans a folder in your server and its subfolders containing images. The subfolders will be the categories that will appear at the top, and the plugin will make a grid responsive gallery with the images.

Put the plugin in your page once and then no more coding, you only need to take care of organizing your images in folders and if you want adding thumbnails.

Important: this plugin needs PHP in order to work!

Important Announcement!

I have made a PHP script that automatically generate the thumbnails for you, so you don’t have to build them with photoshop or something! you can download it here: https://www.dropbox.com/s/j7nbjqv4avl2tw5/thumbmaker.zip give it a try! it is totally free (support is not included)

Customers Feedback

Just wanted to say thanks to David… this script is great and his support rocks too… always there to help and quick with the answers. Keep up the good work.
http://codecanyon.net/user/chrishalls i had the first version of this plugin and loved it. the new updates are amazing. great work david
http://codecanyon.net/user/mpjbay This is exactly what I’ve been looking for, for over a year! Glad I waited and found this. I’m using this for family photos and can now just easily add new ones without managing different resolutions or editing files.
http://codecanyon.net/user/furnient Amazing job David, you deserve more recognition. Keep up the good work! and for future costumers, don’t forget to rate his work in the download page.
http://codecanyon.net/user/nyttnu

Features:

• Don’t need to code
• Scans a folder in your server and its subfolders containing images
• Support thumbnails for the grid only to the images you want to improve performance
• .txt file support for adding youtube/vimeo videos, iframe, extra text, ratio, and more information
• Accept Images of any dimensions
• Fully Responsive Grid and Lightbox
• Deep linking
• Full width, the grid will adapt to the 100% of its container if you set the width of each column to ‘auto’
• You can specify a static width for each column or specify number of columns
• Configure different layout for all kind of resolutions
• CSS3 Effects
• Searching system
• Direction aware hover effect
• Lightbox with slideshow (play, pause, auto-play)
• Easy implementation ever so you can add it to your page super fast and easy, and also make more instances very quick (just by adding a HTML line of code)
• Order the images By Name, By Date or Randomly
• Compatible with Twitter Bootstrap
• Bootstrap is not be required
• Load images in sets
• Deactivate and Activate Features through Javascript Options
• You can link to another page when you click in a thumbnail
• Free Technical Support

You can take a look to the documentation HERE

----> Update: February 28, 2019 Waypoints is not longer needed, so it has been removed Updated the media boxes plugin ----> Update: March 28, 2019 Updated the grid Updated all the components to the latest version ----> Update: August 10, 2017 Made it compatible with some old versions of PHP and updated some components ----> Update: June 9, 2017 Made a huge update, the plugin has been redesigned completely, now its based on the Media Boxes plugin So now it has tons of options and features, check the docs in order to see the new way of implementing the auto grid ----> Update: April 4, 2016 Updated version of imagesLoaded plugin so the images load correctly ----> Update: Sep 8, 2014 Fixed some bugs with new version of Chrome and Opera ----> Update: Jan 22, 2014 Changed the loading plugin and also now you can order the categories the same way you do the images with a-, b-, c-, etc. ----> Update: October 17, 2013 Fixed some issues with the lightbox in Firefox when resizing the window ----> Update: October 16, 2013 Made changes on the design Added the Lazy Load feature Added new loading and filtering effects ----> Update: July 18, 2013 Change some CSS class so its more difficult that other stylesheets edit the style of the grid Also IE was showing fat images in the lightbox and now is fix ----> Update: July 17, 2013 Fix the reader.php file inside the plugin folder that was not up to date only the one inside the example folder was up to date. ----> Update: July 15, 2013 New Javascript property "orderInAll: true" so when you are in the all tab the images will be load in order as well Now it has a more simple sintaxis ----> Update: July 4, 2013 (replace autoGrid.min.js) Fixed a small console errors ----> Update: June 28, 2013 (replace gridGallery.css) Fixed a small bug when you click the load more images button ----> Update: June 25, 2013 (replace reader.php file) Fixed some issues when there is no categories, also some JSON security was implemented ----> Update: June 18, 2013 Fixed some compatibility issues with Firefox v21 and also some weird behavior when you clicked to fast the next button ----> Update: June 8, 2013 NEW HUGE UPDATE The plugin was made totally from scratch again, reusing just few lines of code so now it has a better structure and fixed bugs and undesired behaviors. I improved the design and added many features and effects. It is a totally new plugin so the changes are not compatible with the old version, but you can always stick with the old version which I do not recommend. ----> Update: April 15, 2013 Now the plugin is compatible with jQuery 1.9.1 Fixed some tab issue New Feature: If you want to link to a page when you click on an image instead of opening a light box just in the name of the image specify the url like this: (image1$$sample-page.php.png) ----> Update: Feb 17, 2013 Fixed some problem when categories folders have spaces. ----> Update: Jan 29, 2013 Fixed some behavior with the tabs when the gallery load more images. ----> Update: Jan 29, 2013 The images now are sort by alphabetical order. ----> Update: Jan 28, 2013 Fixed some bugs with IE. ----> Update: Jan 23, 2013 NEW feature: "LazyLoad". WHAT it does: when you scroll at the bottom of the gallery it load more images automatically