55 Fresh jQuery Gallery And Image Sliders: Best of 2016

Last Updated on December 8, 2016

213

shares

Facebook

Twitter

Google+

Pinterest

+

Every website usually requires some image gallery solution and usually you don’t want to spend time creating one from scratch.

For that reason I made the job easy for you and decided to collect all the best image gallery (free and premium) solutions available! Since usually the best galleries are created in jQuery, I did focus on jQuery type sliders mainly, but there are a few simple CSS galleries as well.

So here it is – this article is organized in five main categories so you can easy switch to your interesting part. Here you’ll find an image gallery for every need, definitely it should be enough to choose from!Before we start, I wanted to tell, that it’s up to you to go for free or premium solution. I did find quite a bit free quality image solutions, that you will enjoy. Of course, with premium ones – there were some galleries that simply blew my mind.

Here you go, just go through the collection – and find the best image solution for you. If it’s a personal project, surely you will not want to spend any money. But on other side if it’s good paid freelance job, maybe it’s worth spending little money to really leave impact to your client and save lots of time at the same time!

P.S. I saved the best for the last..so make sure you read the article until the end ;)

Well, I guess what I am suggesting is to always look how much time it takes for you to modify, install or setup free solution. If you aren’t as skilled or it’s time consuming – definitely look into pre-made code and cheap quality tools like these.

Surely you can spare 5-19$ to save your time. And if you are looking for more shortcuts I recommend CodeCanyon marketplace!

jQuery Image Slideshows

Below you will find all the best jQuery slideshows. Usually slideshows are used on top of the website to present the most important parts in the most fashionable way.

1. AviaSlider ($14)

AviaSlider – jQuery Slideshow

AviaSlider is a very flexible and easy to use image slideshow plug-in built with jQuery. It has a set of really unique transitions that I have not seen anywhere else, as well as some basic transitions.

It comes with an image pre-loader so the slider starts working only when images are loaded and ready to be presented. No clumsy animations with half loaded images.

2. Jssorr (Free)

Jssor Slider is a touch swipe image slideshow with 360+ JavaScript slideshow effects. When you touch Jssor Slider, it will freeze animation and swipe slides to the direction that finger moves to.

There are more than 360 different effects, you can check all of them here. My own favourite slideshow effects are simple fade slideshow and carousel slider.

3. S3Slider (Free)

JQuery S3Slider

S3Slider a jQuery Slideshow with three different features and displaying sides. You can easily adjust the size of slider, delay change speed. Oh and it comes with a really good documentation.

4. Camera Slideshow (Free)

Camera jQuery image slideshow.

Camera slideshow is a jQuery plugin, that can also be used as a WordPress plug-in.

It comes with 33 build-in themes, but you can be creative too, because slideshow has CSS file included, where you can customize the parts you want.

You can easily implement HTML objects, videos and captions. One downside is that this slideshow is based on a project Diapo, that is no longer supported. But still it has been tested on all mayor browsers. Still make sure you test it yourself before using.

5. Sequence JS (Free)

Sequence JS is a JavaScript slideshow based on a CSS framework. It’s meant to be used for creating sliders, banners, presentations and other step-based applications.

It’s main features are:

CSS Animation Framework

Responsiveness

Touch support

Cross browser compatibility

30+ animation options and API

Pre-build theme designs

If free pre-built themes aren’t enough for you, check out their own theme shop. You can also simply order your custom-made theme. But as I look at it, you really do get all you need in the free version, plus there are quite a bit free themes available.

6. jQuery Banner Rotator / Slideshow ($11)

jQuery Banner Rotator or Slideshow

This is a jQuery banner rotator plug-in featuring multiple transitions. The thumbnails and buttons allow for easy navigation for your banners/ads. The banner rotator is also re-sizeable and configurable through the plug-in parameters.

Features:

Multiple transitions available. Also can be set to show a different transition per slide.

Able to load unlimited number of images, each with customisable text description, tool-tip, and hyperlink.

Can be set to automatically play on start up with customisable timer delay. Also, you can set a different time delay for each slide.

Banner, thumbnails and buttons are all resizeable.

and more..

Check the live demo here. I am pretty sure you will also be amazed by this slideshow solution.

7. Slide JS (Free)

Slides JS jQuery slideshow

Slide JS is a jQuery plug-in that is responsive, has touch support, easy setup and CSS3 transitions. It’s great to be displayed as a starting page of your website, and it is free. It also has full documentation, check the live preview on their home page.

8. Slideshow 2 (Free)

Slideshow 2 image gallery

Slideshow 2 is a JavaScript class for Mootools 1.2 to stream and animate the presentation of images on your website. Please visit their website for full feature list.

9. JavaScript TinySlideshow (Free)

You can easily set it to auto-display the images, set the scroll speed, thumbnail opacity or to disable thumbnail slider. I wanted to include it in this collection because it is so lightweight. Click here to download this slideshow and see live preview.

jQuery Image Galleries

In this section you will find Image Galleries. They are best suitable for portfolios, but can also be used in blogs. So let’s dig in.

10. Galleria

Galleria-JavaScript Image Gallery

Galleria is a JavaScript Image Gallery. It’s built so that it simplifies your process of creating a beautiful image gallery. You don’t have to be a programming expert to use it. Just a few lines of code, add some pictures and you’re done.

Galleria has a lot of great tools, which you can use to create your own image gallery. Gallery you can see in the screenshot is the free version, which you can customise as you want.

However if you want to get any of Galleria other designs, you will need to pay for them, find more on their store. These themes are in price range between $9 and $29.

11. Sideways

Sideways Image Gallery

Sideways Image Gallery is a jQuery plug-in with added CSS3 styling. The Gallery is responsive and features full-screen images with different modes and custom scrollbars. It is a modern and eye catching image gallery.

This one is the most suitable for photography portfolio showcasing, because it can really gives the right credit to their work.

As if it wasn’t good enough, it’s also free to use. Check live preview here.

12. Visual Lightbox

Visual Lightbox Gallery

VisualLightBox is a free wizard jQuery program that helps you easily generate web photo galleries. It is based on famous LightBox2 script. In a few clicks you can create breathtaking galleries without writing a single line of code.

On their website they offer a lot of templates, that can be used for variety of purposes. It is the most suitable for travelling agencies, adventurers blogs and work portfolio websites.

Main features are:

Cross-browser support

No coding, wizard guides you trough the process

Fully responsive

Export to Joomla or WordPress

Lightweight..and more.

So are you also excited to try it out? Check their website for a full feature list and many of their demos.

13. TripTracker

TripTracker slideshow

The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature. It does exactly what it says that it does. There is no extra options, it is a simple photo viewer. Very suitable for articles.

17. Auto Generating Gallery

Auto generating gallery

Auto Generating Gallery, well words – “Auto Generating” don’t mean that that it takes the pictures for you. This gallery won’t even create the thumbnails for you. What it DOES, is build itself dynamically from your directory of images. So when you want to add new photos, you simply drop the new photo and thumbnail in the directory and you are done! Removing photos just means removing the photos from the image directory. Gallery use PHP for this web wizardry. You can find complete tutorial and demo here.

18. HighSlide JS

Highslide JS – JavaScript gallery

Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to pop-up windows. It streamlines the use of thumbnail images and HTML pop-up’s on web pages. You can use it as thumbnail viewer or scrolling HTML content holder.

19. Flat-styled Polaroid gallery

Scattered Polaroids Gallery-jQuery plugin

Polaroid gallery is available as a jQuery plug-in. It takes the vintage look of Polaroid pictures to the new level.

Strengths of Polaroid Gallery are, that is designed with responsive and flat design in mind. Polaroid Gallery also offers shuffle transition and content holders if you need it. The images can flip and show its back side.

This gallery is a good choice for travellers or bloggers who want to show their last adventure.

Jquery Image Sliders

This section is dedicated to all the best and most beautiful sliders, booth premium and free ones. They do a similar job as the Slideshows, but can pinpoint the most important thing on content holders.

20.Touch Enabled RoyalSlider ($14)

RoyalSlider jQuery Image Gallery.

Royal Slider is a jQuery image gallery and more. This slider can be used as an image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery carousel or just as presentation. Options are limitless. This all around slider is also available as WordPress plug-in.

It has build in animated captions, supports touch for mobile devices and is fully responsive. This is a must have jQuery image slider. Check live preview here.

22. UnoSlider ($10)

UnoSlider is a image slider that comes as a WordPress and jQuery plug-in. By the description of developer, UnoSlider has unlimited transition animations.

This image slider is fully responsive and is also compatible with older browsers. Layers are very well animated with lots of customization options. Setup and use are simple.

UnoSlider features more than 30 animation options, per-slide options and is easy theme-able. This slider is also equipped with public API, image pre-loader and has the ability to hold multiple sliders on one page. HTML content can be shown as well. Choose from 12 pre built themes and more than 40 transitions options.

23. Master Slider ($17)

Master Slider – jQuery Touch Swipe Slider

Master Slider is a high value and quality-designed image and content slider. It is available as a jQuery and WordPress plug-in. And it also has a free version.

This slider has everything that you need to build eye catching image and content sliders. It’s fully responsive and can work on any screen or any device. You can choose from 6 different interactive transitions and 25 pre-built templates.

24. Wow slider

Wow slider is actually a slider for non-coders. It offers drag and drop menu, that you use to create your image slider for your website.

In the core Wow slider is a jQuery image slider, but can also operate without jQuery. It can be as light as you want.

The drag and drop creator can generate HTML page or WordPress and Joomla plug-in. You can choose from 25 different transitions and is free to use.

Main features are:

Fully responsive

Highly customisable

Touch swipe navigation

All browser support

SEO friendly

These are just a few main characteristics. For full list and live demo check their website.

25. Slider Revolution ($14)

Slider Revolution

Slider Revolution is a responsive and full-width slider with must-see-effects and is SEO friendly. See the heaps of custom transitions and animations for each object on the page! Customize this slider with their convenient drag&drop back-end to your needs.

This plug-in features tons of unique transition effects, an image pre-loader, video embedding, auto-play that stops on user interaction and lots of easy to set up options to create your own effects. Slider Revolution can be purchased as a WordPress, Drupal, PrestaShop, Magento OpenCart and jQuery plug-in.

Few other important benefits of Slider Revolution:

Image and thumbs fully resizeable

Using CSS animation with fallback to jQuery

Unlimited caption layers

Captions like video, image and HTML tags can be easily created

Unlimited slides

iPhone & Android swipe touch enabled

jQuery conflict free plug-in

Customizable via plug-in back-end

Easy installation in your website

Worried about coding skills? Slider Revolution had a Video Support which is easy to follow. No advance coding skills required, easy as cooking bacon. Ah..but what am I saying just check for yourself.

26. Accordion Slider ($11)

Accordion Slider – the best jQuery accordion slider on the market.

Accordion Slider is a fully responsive jQuery based slider. Available also as WordPress plug-in. There is almost nothing you can’t do with it.

Accordion Slider comes with animated layers and smooth animations. You don’t have to compromise with the design, as the slider has touch support for the best possible user experience.

Pagination on this slider is unique, because you can set number of panels visible per page. The layout is fully customizable.

Because it has lazy loading feature, the images can be loaded only when they are viewed. You can also set a high-resolution images to be loaded only on high PPI screens, as it has support for Retina screens.

Some additional features are available for WordPress plug-in, so make sure to check out live demo.

27. Fotorama image slider

Fotorama jQuery image slider

Fotorama image slider is simple but at the same time very powerful. You can use it as an jQuery or also as WordPress and Ruby on Rails plug-in. To help you setup Fotorama, they also have a video tutorial.

It is a simple way to show your pictures or images, but powerful enough to blow you away. It’s free to use. Check it out here.

28. All in One slider ($11)

All in One jQuery slider

All in One slider is a jQuery slider and comes in five different ways to help you create beautiful Banner rotator, Thumbnails Banner, Banner with Playlist, Content Slider and Carousel.

It’s an advanced slider, that allows you to create powerful slides with animated text and HTML tags. This is a powerful tool that provides you with everything you need in development of a website to show your products or images.

All in One slider is fully responsive and touch screen supporting image slider. All in One slider offers 16 different transitions and animated text. Supports all mayor browsers and is a award winning product.

29. Blueberry image slider

Blueberry jQuery image slider

Blueberry image slider is a jQuery plug-in, that was developed specifically for responsive web design. Blueberry image slider is an open-source project, based on a 1140px grid system from cssgrid.net. It’s a simple and at the same time excellent free option.

I’m sure you will like it as much as I do. Check the live preview and download option here.

30. RhinoSlider

Rhinoslider slider- The most flexible slider

RhinoSlider is a jQuery slider that comes with the possibility of customising your version before downloading. This can significantly decrease time spend on setting it up. You can of course download the whole package, but I think the best way is to use the generator.

It is very flexible and offers a lot of options on callbacks and callbefores. You can set it on auto-play or make it stop on hover. Captions are also available and are customisable.

31. Slippry

Slippry image slider

Slippry image slider is a jQuery plug-in that uses CSS3 transitions and HTML5 elements. It can be as simple or as complex as you want it to be.

Because the CSS and Sass files are included, you can let your imagination free and style it as you want it. Slippry does its job best at the top of the home page. With captions it can serve as good presentation of a company.

32. Un Slider

Unslider – jQuery image slider

Unslider is a very simple slider that is based on jQuery. It’s very small but powerful. You can change everything, so it works and feels like you want.

Unslider is really the simplest slider I have came across to see it. You really don’t have to be an expert to use this one. Just add a few lines of code, put in images and you have a slick slider for you website or article.

Their whole site is a one big demo for this slider. Just visit their website and see.

33. Unleash 3 ($9)

Unleash jQuery Responsive Accordion Slider

Unleash 3 is another jQuery accordion slider on our list. It’s one of the best there is. You have a lot of options and settings to choose form. You can add captions and controls with different styles or add any other content with multiple CSS3 animations.

34. MightySlider ($18)

Mighty Slider – jQuery plug-in

Mighty Slider is everything you need to create amazing one-directional slider. Mighty Slider can be used as a banner rotator, video gallery, presentation and basic slider. All of this is possible because of a very powerful API. Mighty Slider gives you total control over layout and design.

35. Fullscreen Slit slider

Fullscreen Slit Slider is a jQery plug-in and uses CCS3 animations. Slider can stretch across the whole viewport or be used as slider inside of other context.

Fullscreen Slit Slider is fully responsive and has some unique split screen transitions. With captions it is a great way of representing your cause to the visitors.

Check it out in action. I am sure you will be amazed of what this free slider can do.

JQuery Portfolio, News and Tour Sliders

This section is dedicated to sliders that are particularly designed to showcase portfolios, news and tours.

36. jQuery Carousel Evolution ($5)

jQuery Carousel Evolution – The Web’s Most Powerful Carousel Slider

JQuery Carousel Evolution is an easy and low cost way to create eye catching product or team presentation. Yes it’s a premium slider, but it delivers a great value for it’s money.

jQuery Carousel Evolution is a powerful slider that uses HTML markup. It offers 9 different styles for sliders. This slider also supports YouTube and Vimeo videos implementation. All major browsers are also supported.

Main features are:

Configurable Image. Allows you to set the size of the front and back image.

Configurable number of images visible per scroll. Also set the position of the image.

Automatically create the shadow effect.

Automatically create image reflection. No more Photoshop. The reflections appear instantly under each image.

You can add text description that is associated with each image, and placing it anywhere in the web page.

Public API . The plug-in offers a public API which you can use to control component inside the slider from within your own scripts.

37. Cube Portfolio – Responsive jQuery Grid Plug-in ($16)

Cube Portfolio responsive grid plug-in

Cube Portfolio is a very cool jQuery plug-in with tons of animations. It offers custom captions and plays well with your current HTML and CSS code.

Cube Portfolio provides 30+ options, that gives you complete layout and design control. Slider has fully responsive design and is fully customizable. It uses CSS3 animations and you can choose from 19 starter pack templates. Cube Portfolio is also equipped with filtering system.

It is best used for, vertical sliders, portfolio projects, team members presentation, photography showcasing or other mosaic grids. Usage is limitless. Cube Portfolio is also available as an WordPress plug-in.

38. Slideme

Slideme jQuery slideshow

This jQuery plug-in is great for the top of the website, to present your work or say more about you.

Slideme has got full documentation and tutorial how to set up your slider, for every type of device individually. Design is fully responsive with CSS3 animations. It is easy to setup and provides public API.

41. Lens Slider

Lens Slider jQuery and WordPress plug-in

Lens Slider is an open-source project and so, fully customisable. Slider uses very simple HTML markup of unordered list. Images are show as you can see on screenshot. No other option is available. Lens Slider is also available as a WordPress plug-in and free to use.

The most suitable usage would be product, service or team presentation.

42. Gridder

Gridder jQuery and Ajax plug-in

Gridder is an awesome slider for showcasing your work. Gridder kind of mimics the Google image search. To view the larger picture you click on a thumbnail and it expands. This is a great way to show big amount of images at the same time.

Gridder is available as a jQuery or Ajax thumbnail previewer. It is an awesome free solution for you next portfolio project.

43. Barack Slideshow 0.3

Barack JS- JavaScript slideshow

Barack Slideshow is an elegant, lightweight slideshow written in JavaScript. This slideshow can operate with vertical, horizontal and irregular lists. The images are preloaded with incorporation of MooTool Assets. To keep your code clean, you should check the CSS code. This means changing some parts if needed.

Barack Slideshow can be used as a portfolio showcase, product list or even subsidiaries presentation.

45. Multimedia Portfolio 2

Multimedia Portfolio 2-jQuery slider

Multimedia Portfolio 2 is a jQuery plug-in that can automatically detect the extension of each media and apply the adapted player. It supports images and videos. Multimedia Portfolio uses simple HTML markup and it’s easy to use.

This slider is best suitable for showcasing products, services and even news.

46. JQuery Virtual Tour

JQuery virtual tour

JQuery Virtual tour is an extension to the simple panorama viewer. This JQuery virtual tour allows you to transform some panoramic views into a virtual tour! It’s a great plug-in that is worth looking at.

47.JQuery Vertical News Slider

Vertical News slider – jQuery plug-in

JQuery Vertical News slider is very useful for websites that want to show some news or marketing campaigns on their site. It’s responsive and uses CSS3 animations. Vertical News slider also allows you to fully customise the style of the slider.

48. Multi item slider

Multi item jQuery gallery

This gallery is also a tutorial how to create it on your own. Multi item jQuery gallery was inspired by Apple slider, that has shown multiple products at once. It’s fully responsive and flat designed with variety of effects.

Multi item jQuery gallery is very suitable for online stores for showcasing their products. It comes with simple navigation, as seen on a screenshot. The navigation is very useful to change between variety of categories.

CSS Based Galleries

We have come to our last section, where you will find the best pure CSS Based Galleries. They may not be as popular but are sure worth a try. See it for yourselves.

49. HoverBox Image Gallery

HoverBox Image Gallery

HoverBox Image Gallery is basically a super light-weight (8kb) roll-over photo gallery that uses nothing but CSS. For faster loading it only uses one image for thumbnail and roll-over preview. All major browsers are supported. HoverBox Image Gallery is free to use for your own projects.

It is best used as a photography showcasing for photographers, any type of portfolio and restaurant menus.

50. CSS Image slider with 3-D transitions

CSS3 image slider with 3-D transitions

CSS image slider is a experimental project that also includes full tutorial. For animation purposes it uses CSS and CSS3 techniques with the addition of 3-D effect on transitions. Intended usage is strictly as image slider.

CSS image slider can be used for product and service showcasing. In my opinion it could do well also as image slider in a full width article.

51. CSS3 animated image gallery

CSS3 animated image gallery

CSS3 animated image gallery uses CSS3 and HTML5 to render effects. The images zoom in when you hover over. This enables a more detailed look. If you are interested, you can take on tutorial and create it yourself. Otherwise you can just download the source code.

52. Filtronio CSS3 Portfolio ($5)

It’s simple but at the same time very powerful and professional portfolio gallery. You can choose from 3 different themes. Filtronio CSS3 portfolio also offers animated layers and category filter. Gallery is clean coded and easy to customize.

53. Pure CSS3 image Gallery

Pure CSS3 image Gallery

This is a simple CSS3 image gallery that creates the effect of the pop up window, when you click on the image. It’s very suitable for showcasing portfolio on the websites. If you are interested, you can also follow the tutorial to make it by yourself.

Bonus Mention: 1WD Recommended and Favorite jQuery Slider

55. Slidea ($14)

Slidea – A Smarter Responsive Slider Plugin

And here is a gem of this collection, Slidea. Slidea is a multi purpose content slider. This slider plug-in was build on the jQuery, VelocityJS and Animus animation framework. With Slidea there are no animation limitations, you can create such an awesomeness with it.

I can try to describe how cool it is, but just check the demo below and you’ll understand why I like it so much!

Here are a few characteristics:

Touch enabled

Material design ready

Fully responsive

Easy customisable

API and more…check their website for full list, as there is an endless list of features.

Conclusion

I have to say I really enjoyed researching for these plug-ins. We found amazing sliders, that will, hopefully help you to work on your next project more efficiently. There has to be something for every situation and everybody.

There are so many amazing sliders and slideshows that is hard to decide what to pinpoint. But in my opinion you should definitely check out Gridder slider, because it’s really amazing what it can do and it’s free, so win-win situation.

And you definitely should not forget Slidea. Yes it’s a premium slider, but it carries so much value and awesomeness, well worth the investment!

If you enjoyed our article comment, share it with your friends and tell us if we missed some great slider.

Which is your favorite gallery plugin? Would love to hear your experiences!