jQuery Picasa/Google+ Gallery

I’m working on a project that needs to use as little of the web host’s disk space as possible. The problem is that they need a product gallery and that would have at least a hundred pictures! That led me to look into hosting the pictures elsewhere (like FB, Flickr, Instagram, or Google+) and then maybe I could find a jQuery plugin that can “slurp” and display the photos inside the website. Here are a couple awesome plugins I found…

Plus Gallery

Website: http://www.plusgallery.net/
GitHub: https://github.com/jermartin77/plusgallery/

This is by far the most comprehensive jQuery gallery “slurper” plugin I found thus far. It’s pretty cool because it covers a lot of bases. The plugin can handle Google+, Flickr, Facebook pages, and Instagram. Appearance wise, it is very elegant and sleek, just the way I like it.

I couldn’t get it working on my end, however. Hopefully, I’ll get the chance to use this plugin in the future. It’s really worth checking out :D

jQuery Picasa Gallery

Website: http://ahamlett.com/jQuery-Picasa-Gallery/
GitHub: https://github.com/alanhamlett/jQuery-Picasa-Gallery

I ended up using this plugin instead. It’s pretty simple and it does the job. jQuery Picasa Gallery not only works for Picasa, but for Google+ Photos as well. I think Google is merging those two services in one form or another (link).

The project still seems active and the author recently made changes according to GitHub. Expect some improvements in the future :)

The current release does not give the user a lot of freedom in implementing FancyBox (http://fancyapps.com/fancybox/), however. So I forked the repo and added some plugin options which gives the user a bit more control over the FancyBox features. I sent a pull request so hopefully my changes will be added to the main repo (fingers crossed!)

Anyway, I added a few FancyBox plugin options to the jQuery Picasa Gallery plugin like displaying/hiding the close button, closing FancyBox by clicking the content, displaying/hiding the navigation arrows, and navigating the content using the mousewheel.

You can check out the forked repo here: https://github.com/riamaria/jQuery-Picasa-Gallery

You can also download the zip file here (example included): https://github.com/riamaria/jQuery-Picasa-Gallery/archive/master.zip

Leave a Reply

Your email address will not be published. Required fields are marked *