Responsive Image Gallery with Thumbnail Carousel

10/18/2018
jQuery , thumbnail , photo gallery , image gallery , responsive , Tutorial , carousel , responsive gallery , Twitter

Responsive Image Gallery with Thumbnail Carousel

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.

Leave a Reply

If you leave a message for the first time on this site, the audit will need to display the contents!