jQuery Image Galleries & Sliders – Best Of

By Ryan Turki. Filed in Web Design

jQuery image galleries and sliders are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. Also, provide a good user experience and make viewing images more pleasant and intuitive on your website. With the advent of powerful JavaScript frameworks like jQuery, Prototype, Mootools etc., the quality of JavaScript based image galleries and slideshows have improved dramatically.

Today we’ve prepared for you a good list of the best jQuery image sliders and galleries plugins that can provide you with the resources that you need to get a gallery or a slider on your site.

TN3 Gallery

Demo | Download
TN3 Gallery is a full fledged HTML based customizable image gallery with jQuery slideshow, transition, CSS skinning and multiple album options. Compatible with all modern desktop and mobile browsers. Free and premium versions available.

Jquery Slideshow

Supersized

Demo | Download
Supersized is a fullscreen slidehow jQuery plugin. It supports image preloading with image cycling with transitioning effect.

Galleria

Demo | Download
Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded.

CU3ER Image Slider

Demo | Download
an image slider initially conceived to create 3D transitions between slides, turned out to be a convenient and multifunction solution that can be applied in a range of website building areas, from content slider to feature slider and image & banner rotator.

jQuery lightBox

Demo | Download
jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery’s selector.

Gallerific

Demo | Download
Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos.

Easy Slider

Demo | Download
Easy Slider is a jQuery plugin, you can set up your own options and is easy to implement.

S3 Slider : jQuery Image Gallery

Demo | Download
S3 Slider is a jQuery plugin with nice effects and with self image changing.

Anything Slider

Demo | Download
AnythingSlider is a jQuery Plugin with a lot of features( Slides can be anything, Navigation tabs are built and added dynamically …).

Coin Slider

Demo | Download
Coin Slider is a jQuery image slider with unique effects.

Cycle

Demo | Download
The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects.

Featured Content Slider

Demo | Download

Horinaja Plugin

Demo | Download
Horinaja is a ready to use slide show implementation, you can also use the mouse wheel to navigate between the slides.

jqFancy Transitions

Demo | Download
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

jQueryGlobe – jQuery Plugin

Demo | Download

Looped Slider

Demo | Download

Nivo Slider

Demo | Download
Nivo Slider is a new jQuery plugin with great features : 9 unique transition effects, Keyboard Navigation and Simple and clean.

Piecemaker XML Gallery

Demo | Download
Piecemaker is an open source 3D Flash image rotator gallery.

Pretty Photo

Demo | Download
prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames.

Slide Deck

Demo | Download
Slide Deck is an easy to implement with a great design.

Thickbox

Demo | Download
ThickBox is written in JavaScript. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

Simple Slide

Demo | Download
Simple Slide is a jQuery slideshow plugin. It’s easy to use, small and flexible.

Yoxview

Demo | Download
YoxView is a free image and video viewer for websites. It’s written in javascript using jQuery and is available as a jQuery plugin.

That’s it ! Hope you enjoyed this collection and got inspired for your next projects !

Editor’s note: This post is written by Ryan Turki for Hongkiat.com. Ryan is a web developer (Javascript, PHP, XHTML, CSS) cum designer who loves Photoshop.

Advertisement