background preloader

A touchable jQuery lightbox

A touchable jQuery lightbox

Responsive Image Gallery with Thumbnail Carousel A tutorial on 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. View demo Download source Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. We’ll use the jQuery Touchwipe Plugin that will make it possible to navigate the images by “wiping” on the iPhone and iPad. The images in the demo are by über-talented Sherman Geronimo-Tan and you can find his Flickr photostream here: Sherman Geronimo-Tan’s Flickr Photostream The photos are licensed under the Creative Commons Attribution 2.0 Generic (CC BY 2.0) License. So, let’s do it! The Markup For the HTML structure we’ll have a main wrapper with the class “rg-gallery”. The CSS

Download Galleria The current release is 1.3.5 and was published on 2014-01-29. What's Included? Here's what you get when you download Galleria. All code in the free download is MIT licensed: ✓ Galleria core (minified & development) ✓ One free theme (Classic) ✓ Flickr Plugin ✓ Picasa Plugin ✓ History Plugin ✓ Demo file to get you started Get started After downloading, you can read up on how to get going using our beginners guide. Included in the download is the classic theme and a demo of the theme. Browse Themes If you are looking for pluggable themes that works out of the box, browse through our Premium Themes and see if there is something that fits your project. Looking for something simpler? You should try out our related service called Galleria Display. Customize Galleria has a large number of options such as transition effects, cropping methods and interaction details that you can use to customize your gallery regardless of what theme you are using. Problems? Development

Smooth Gallery - Demo by Kevin Thornbloom A 3KB script to generate a slick paginated gallery & lightbox viewer. Oh, and it's fully responsive. Details & Download

Related: