30 Free Photo Gallery / Albums with Tutorials
30 Free Photo Gallery / Albums with Tutorials 4.1 out of 5 based on 29 votes.
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
People Who Read This Article Also Interested IN:
30 Free Responsive HTML Website Templates
Responsive website design and layouts are mainstream
Where to Download Free Joomla 3.0 Templates
Christmas is getting closer and we bet you have a lot
Free HTML Email Templates Resources
Something Email Newsletter marketing is in a high on
8 jQuery CAPTCHA Plugin with Tutorial
CAPTCHA is an easy method, which are designed to differ
PoPular Examples Of PSD to HTML/CSS Tutorials and Online Ser
I’m sure you’ve seen advertisements for a few diffe
25 jQuery Animation Effects Examples Tutorials
jQuery is a lightweight JavaScript library that empha
REVIEWS:
