• Pin It

30 Best jQuery Photo Gallery and Slider Plugins

jQuery is becoming more and more present in our daily life as internet users. Whether it’s about a photo gallery, a fancy drop down menu or smooth text effects, jQuery can do that easily with few lines of code. If you have many images in your website and want to give them an elegant look, a jQuery photo gallery can help you with that.

Below is a selection of 30 best jQuery photo galleries that are free to use. If used well in your website, a gallery or jQuery slider will have a great impact and will attract viewers attention. Fell free to share your favourite jQuery gallery with us in the comments area.

1. TN3 Gallery

TN3 Gallery is a full fledged HTML based customizable image gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers. Powered by jQuery.


2. prettyPhoto

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox.


3. Full Page Image Gallery with jQuery


4. jQuery Cycle Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.


5. Sliding Image Gallery jQuery Plug-in

The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides. The user can click either of the smaller images to bring them to the center, or the center image to enlarge it.


6. jPhotoGrid

The plugin takes a simple list of images and captions and turns it into a grid of photos that can be explored and zoomed.


7. Simple Controls Gallery

Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.


8. s3Slider


9. Sliding Panel Photo Wall Gallery with jQuery

The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture.


10. Galleria

Galleria is a JavaScript image gallery framework built on top of the jQuery library. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.


11. jQuery (mb) imageNavigator

A photogallery for extra large images with navigator. You can drag your image in the display via the navigator or the image itself. Enjoy yourself into images.


12. slideViewer

slideViewer is a lightweight (3.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images.


13. Visual LightBox

Visual LightBox JS is a free wizard program that helps you easily generate web photo galleries with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code.


14. Easy Slider


15. Slider Gallery with jQuery

This tutorial is about creating a creative gallery with a slider for the thumbnails. The idea is to have an expanding thumbnails area which opens once an album is chosen. The thumbnails will scroll to the end and move back to the first image.


16. FancyBox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.


17. YoxView

YoxView is a free Lightbox-type media and image viewer jQuery plugin. It’s easy to use and feature-rich.


18. Apple-style Slideshow Gallery

This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases required.


19. Photobooth

In this tutorial, we will be building a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface.


20. Supersized

This version of Supersized has all the options and features you need to get a fullscreen slideshow up and running.


21. HTML5 Auto-Advance Slideshow

This version of Supersized has all the options and features you need to get a fullscreen slideshow up and running.


22. Shadowbox

Shadowbox is a web-based media viewer application that supports all of the web’s most popular media publishing formats.


23. Multimedia Gallery for Images, Video and Audio

This multimedia gallery for images, video and audio is a progression of our previous galleries. The idea for this new gallery is to integrate video and audio as exhibit pieces along images.


24. A Simple jQuery Slideshow


25. Thumbnails Navigation Gallery with jQuery

In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties for the style.


26. Slides – A Slideshow Plugin for jQuery

Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.


27. Nivo Slider


28. Automatic Image Slider w/ CSS & jQuery


29. ShineTime

This week I’d like to show you how you can create a kick-ass animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery ‘ShineTime’.


30. liteAccordion

A horizontal accordion plugin for jQuery.


31. Beautiful Photo Stack Gallery with jQuery and CSS3

In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.


Author: Alin

Passionate about web and graphic design, photography and climbing. Follow me at Twitter , Facebook and Google+