Carousel/sliders are everywhere on the web starting with blogs and portfolios and finishing on ecommerce solution. Some of us love them and cherish the ability to show multiple items inside one predefined container, others hate them for being similar to advertisements and introducing confusion among users. Nonetheless sliders are on a significant amount of websites and are here to stay. In this post I would like to present javascript jquery sliders which in accordance to DRY principle you might want to use in your project.

Nivo Slider

 nivo javascript jquery slider

Nivo Slider is described as “the most beautiful and easy to use slider on the market” and I must admit that it really makes an impression. It allows you to use 16 beautiful transitions and it’s responsive. But 263 unresolved issues on github makes me wonder if the project is still active.

Features

  • amazing animations and transitions
  • easy setup
  • responsive
License
Licensed under MIT Open Source License
Homepage

FlexSlider

flex javascript jquery slider

FlexSlider is jQuery based slider supporting responsive websites and all modern browsers. It is is equipped in few animations, and hardware accelerated touch swipe as well as variety of configuration options.

Features

  • responsive
  • touch and swipe support
  • configurable
License
Licensed under GPLv2 Open Source License
Homepage

SlitSlider

slit javascript jquery slider

SlitSlider is a library based on jQuery that allows you to slice current slide in order to reveal the next one. It looks pretty nice. It looks impressive. Furthermore there is a whole article helping you to write such an amazing pice of software yourself.

Features

  • extensive “how to”
  • cool split animation
License
Licensed under MIT Open Source License
Homepage

 

SlidesJS

slide javascript jquery slider

In novadays having responsive website that might be displayed on variety devices and resultion is a plus. Writing such library might be difficult and time consuming but insted you can use DRY (don’t repeat yourself) principle and use responsive slides such as SlidesJS

Features

  • responsive
  • support for touch and gestures
  • CSS3 enabled
License
Licensed under Apache Open Source License
Homepage

ResponsiveSlides.js

responsive slide - javascript jquery slider

Is another jQuery dependant library that creates responsive slides from prepared html structure supporting all major browser IE7 including and being a little more than 1kb in size – compressed and gzipped.

Features

  • tiny, under just a little over 1kb.
  • responsive
  • CSS3 enabled
  • simple setup
License
Licensed under MIT Open Source License
Homepage

https://github.com/viljamis/ResponsiveSlides.js

 

Backstretch

backstretch javascript jquery slider

Backstretch does sliding a little bit different. It’s a jQuery plugin capable of sliding  background images of any page or element that is applied to.

Features

  • background sliding
  • dynamically-resized backgrounds
License
Licensed under MIT Open Source License
Homepage

https://github.com/srobbin/jquery-backstretch

 

Conclusion

In this post I introduced only a handful of possible solutions that you might consider. It depend on your needs and preferences which solution you will choose. There is another set waiting to be published in near future so stay tuned.