A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.
Why was this plugin built?
We have all searched images on Google, so you probably noticed the interesting expanding preview when you click on a thumbnail. It’s a very nice effect and practical, allowing you quickly see more details without having to reload a new page. This plugin allows you to recreate a similar effect on a thumbnail grid. The idea is to open a preview when clicking on a thumbnail and to show a larger image and some other content like a title, a description and a link.
PhotoSwipe is an image gallery plugin for mobile and desktop devices with a modular, independent framework.
The plugin comes with some nifty features including support of touch gestures, a browser history API that allows users to link to each gallery item with a unique URL to use the back button and loads and displays images quickly.
What PhotoSwipe does is solve some of your common photo issues all in one package. The plugin preserves detail in responsive images so that gallery photos look great anywhere on any device, it does not slow down page load times and it saves user bandwidth because images load progressively.
PhotoSwipe is made to work well on mobile devices — as implied by the name — and supports multiple touch gestures. You can use the basic gestures that are part of the plugin or assign your own actions. The include actions are spread to zoom, pinch to close, vertical swipe to close and horizontal swipe to switch items. (As a bonus, these same actions are emulated on desktop computers as well with wheel and trackpad actions.)
The plugin works on all modern browsers and is fairly light. Plus this is a photo plugin that does not force additional HTML markup in the gallery; you have complete control and images will remain crawlable to search engines using your meta data.