SPONSORS

15 Free And Useful jQuery Image and Content Sliders Plugins

written by Nikola Lazarevic

Content and image sliders have become very popular in recent years. With jQuery you can enjoy new way of web development and image galleries are the best way to use it effectively! Here you’ll find 15 awesome jQuery image and content sliders plugins, and the best of all they are free.

Slides

Slides
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.

Elastislide – A Responsive jQuery Carousel Plugin

Elastislide – A Responsive jQuery Carousel Plugin
Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

FlexSlider

FlexSlider
FlexSlider is an amazing, totally responsive jQuery slider plugin. It bears uncomplicated, semantic markup, slide and fade animations, and is supported in all major browsers, therefore you won’t have any compatibility issues. Flexslider is built for novices and pros in a similar way.

Slider Kit, sliding contents with jQuery

Slider Kit, sliding contents with jQuery.
The purpose of Slider Kit is to gather common slideshow-like jQuery functionalities (such as news sliders, photos galleries/sliders, carousels, tabs menus) into one lightweight and flexible plugin combined with ready-to-use CSS skins.

Lateral On-Scroll Sliding with jQuery

Lateral On-Scroll Sliding with jQuery
You’ve probably seen this cool effect on some websites, like on Nizo or in the portfolio section of brilliantly designed La Moulade. The main idea is to laterally slide in elements depending on the scroll position of the document. Dividing the page into a left and right side, we want to move the elements from “outside” of the page to the center when they are in the viewport.

Orbit: A Slick jQuery Image Slider Plugin

Orbit: A Slick jQuery Image Slider Plugin
jQuery plugin lets you create a simple, effective and beautiful slider for images of any size, and even includes some parameters for making awesome captions and a sweet timer.

Circular Content Carousel with jQuery

Circular Content Carousel with jQuery
With this circular content carousel, you can have some content boxes that can slide substantially (circular). Clicking the “More” link will move the respective item to the left and slide out the content area, so that you can navigate through the carousel where every step will disclose the next or previous content box with its extended content.

Minimit

Minimit
Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states.

jQuery Based Flipped Image Gallery with Bounce Effects

jQuery Based Flipped Image Gallery with Bounce Effects
a simple jQuery based flipped image gallery. On hover the images will expand. Its simple and stylish gallery.

Rotating Image Slider with jQuery

Rotating Image Slider with jQuery
An asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will also add an autoplay option and the mousewheel functionality.

Slidorion

Slidorion
A combination of an image slider and an accordion, the Slidorion displays beautiful images along with a variable length description. With slides linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.

Shutter Effect Portfolio with jQuery and Canvas

Shutter Effect Portfolio with jQuery and Canvas
In this jQuery tutorial, we will be using the HTML5 canvas element to create a simple photography portfolio, which displays a set of featured photos with a camera shutter effect. This functionality will come in the form of an easy to use jQuery plugin that you can easily incorporate into any website.

jQuery MB Bgnd Gallery

jQuery MB Bgnd Gallery
With this jQuery plugin you can make a suggestive slide show of images as the background of your page; the images will adapt their size to the window size. You can either navigate the gallery with your keyboard or with a control panel displayed where you want in the page.

Galleria

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.

Image Wall with jQuery

Image Wall with jQuery
With this plugin you can create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and when clicking again on the thumbnail, the ribbon will close and open again with a large version of the image.

Authored by

Web Designer, Blogger, M.Sc in Electronic Engineering from Nis, Serbia. Founder of webexpedition18.com. You can find me on Twitter.

Enjoyed this story?

Please leave your comment about this post on the comment section below. If you liked it tell your friends by tweeting it. You can also subscribe to our feed by rss or email.

2 Comments
ADD COMMENT
  • aledesign.it says:

    January 27, 2012

    OMG this is a paradise! I search a post like this in these days! Thanks so much. Inspire me my site! Thanks!!!!

  • Connie says:

    February 10, 2012

    it does not surprise me that the big part of these sliders come from tympanus.net/codrops

    the people there (especially Mary Lou) are extremely gifted people (in design as well as in programming)