Here you ll learn how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width.
The gallery will have a view switch that allows to view it with the thumbnail carousel or without.
We’ll also add the possibility to navigate with the keyboard.
We’ll use the jQuery Touchwipe Plugin that will make it possible to navigate the images by “wiping” on the iPhone and iPad.
Subscribe to email newsletter for latest jQuery plugins & tutorials.