jQuery Image Galleries & Sliders – Best Of

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 | DownloadTN3 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 | DownloadSupersized is a fullscreen slidehow jQuery plugin. It supports image preloading with image cycling with transitioning effect.

Galleria

Demo | DownloadGalleria 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 | Downloadan 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 | DownloadjQuery 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 | DownloadGalleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos.

Easy Slider

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

S3 Slider : jQuery Image Gallery

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

Anything Slider

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

Coin Slider

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

Cycle

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

Featured Content Slider

Demo | Download

Horinaja Plugin

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

jqFancy Transitions

Demo | DownloadjqFancyTransitions 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 | DownloadNivo Slider is a new jQuery plugin with great features : 9 unique transition effects, Keyboard Navigation and Simple and clean.

Piecemaker XML Gallery

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

Pretty Photo

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

Slide Deck

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

Thickbox

Demo | DownloadThickBox 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 | DownloadSimple Slide is a jQuery slideshow plugin. It’s easy to use, small and flexible.

Yoxview

Demo | DownloadYoxView 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.

FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenEmail