30 Free Photo Gallery / Albums with Tutorials
jQuery image galleries and albums are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. In this post we’ll see tutorials and plugins that can provide you with the resources that you need to get a gallery of slider on your site. You must have seen many of these jQuery image galleries and sliders on different portfolio websites. These jQuery plugins with CSS provide creative alternatives to display images on your websites.
Since they are already so popular I believe you don’t need me to tell you more about it. So here we go, the list of 30 handy jQuery plugins with tutorials for gallery and portfolio websites.
A Cool Instagram “Gravity” Gallery

This will be a script that runs a search on Instagram, fetches and displays the photos in a grid, and then uses the Box2D library to simulate physical interactions between them. And all of this in less the 40 lines of JS!
Fresh Sliding Thumbnails Gallery with jQuery and PHP
![]()
In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. The idea is to allow the user to slightly zoom into the picture by clicking on it. The thumbnails bar slides down and the image resizes according to the screen size.
Thumbnail Grid With Expanding Preview
![]()
The interesting part is to calculate the correct preview height and to scroll the page to the right position. We’ll expand the preview in a way so that we can see the respective thumbnail row and cover the rest of the remaining page.
Photo Booth Strips With Lightbox

In today’s tutorial we’ll show you how to create some cute looking photo strips and integrate Lightbox 2, one of the most popular and widely used lightbox scripts. The idea is to show some photo strips and make them navigable by scrolling with the mousewheel. When clicking on a picture we will show the larger version using jQuery Lightbox 2. We will also optimize it for touch devices.
Free jQuery Photo Gallery ( Tutorial )

For this tutorial I’ve used two free jQuery libraries: Quicksand and PrettyPhoto. You can see the result that I’ve achived by combining this two jQuery plugins by clicking the preview button below.
Polaroid Photobar Gallery with jQuery

Animated Portfolio Gallery with jQuery

Exposure - a beginner's guide to photography

JQUERY MB.GALLERY - present your photo gallery

Cloud Carousel: 3D jQuery Carousel

Thumbnails Navigation Gallery with jQuery
![]()
Thumbnails Preview Slider with jQuery
![]()
YoxView - jQuery image viewer plugin

jqGalViewII - Photo Gallery

Minimalistic Slideshow Gallery with jQuery

Full Page Image Gallery with jQuery

Create image gallery in 4 lines of jQuery

Sliding Panel Photo Wall Gallery with jQuery

Slider Gallery with jQuery

Sweet Thumbnails Preview Gallery
![]()
ShineTime – A Kick-Ass New jQuery & CSS3 Gallery With Animated

jqFancyTransitions

Beautiful Photo Stack Gallery with jQuery and CSS3

Hover Slide Effect with jQuery

Galleriffic - Customize your photo album with skins

Bubbleriffic Image Gallery with jQuery

Flickr Photobar Gallery

Greyscale Hover Effect CSS & jQuery

Parallax Slider with jQuery

Trip Tracker
![]()
SEE ALSO:
12 Photo Gallery And Slideshow use jQuery Plugins
15 Free Responsive jQuery Slideshow Container
20 Examples of jQuery Tooltip Plugins
REVIEWS: