45+ Very Functional Javascript Sliders and Scrollers

Posted in 963 days ago • Written by 8 Comments

Every web developer needs to use Javascript in creating web applications, and when it comes to displaying multiple items on a page with a focus on a single item Sliders and Scrollers comes in handy. You can use Javascript Sliders and Scrollers with news, images or products to display data in an organized and user friendly way. In this article I compiled a list of 46 Very Functional Javascript Sliders and Scrollers for you to use in developing web applications.

Dunked

45+ Very Functional Javascript Sliders and Scrollers

Dunked did awesome job in displaying their favorite picked portfolio’s using slider. What makes this more attractive and catches your attention is the nice display on thumbnails plus nicely designed Previous and Next buttons this will trigger you to watch and click Next for more! Check their site for inspiration!

Of course, there are many various solutions in the list as well. Implementing large backgrounds, zooming images, optimizing them for retina displays, using videos in your galleries – you’ll find it all below.

TN3 Gallery

45+ Very Functional Javascript Sliders and Scrollers

TN3 Gallery is a really outstanding WordPress jQuery image gallery slideshow plugin with Flickr, Facebook & Picasa support, transitions effects, multiple album options, dynamic image sizing, drag’n’ drop organisation and much more. It’s compatible with all modern desktop and mobile browsers. If you want super powerful image WordPress plugin and you don’t have any coding skills – this one will be the easiest to use!

It’s a premium plugin, but you can get the lite version for free if you just subscribe to their newsletter – fair deal!

Few other important benefits to TN3 Gallery:

  • Video Support – In addition to images and HTML content, TN3 can also display video from YouTube, Flickr or Picasa feeds, or any other source. The video plugin is built to support the most popular video script: mediaelement.js
  • Full-screen capabilities – TN3 sports fullscreen capabilities which expand the gallery to fill the browser window. Navigate through the content using the keyboard arrow keys while in full screen mode.
  • Beautiful looks for beautiful gallery – TN3 includes five professionally designed versatile skins. You can also create your own skin to match your sites design, by either editing the CSS of an existing skin, or by creating your own skin HTML and CSS files from scratch, without the need for any coding or JavaScript. All the visual elements of the gallery can be modified.

Ah..but what am I saying just check for yourself – Tn3 has pretty good feature rundown and live examples.

1. jquery Thumbnail Scroller, Demo

2. JCoverflip, Demo

3. COIN SLIDER

4. loopedSlider, Demo

5. Nivo Slider

6. Automatic Image Slider w/ CSS & jQuery, Demo

7. Lof SiderNews, Demo

8. Advanced jQuery background image slideshow, Demo

9. jqFancyTransitions, Demo

10. jQuery Blinds Slideshow using CSS Sprites

11. Multiple Image Cross Fade, Demo

11.1 FeuledWeb Pro – Premium $12

FueledWeb Pro Thumbnail Scroller is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery. Hit the Live Preview page for complete description of features, examples and plugin settings.

Preview Demo| Download

12. BarackSlideshow, Demo

13. Floom: Blinds-effect MooTools slideshow, Demo

14. Slide Thumbs

15. Animate Panning Slideshow with jQuery, Demo

16. Beautiful jQuery slider, Demo

17. jQuery Multimedia Portfolio, Demo

18. Coda-Slider, Demo

19. Slider Gallery, Demo

20. Ultimate JavaScript Slider and Scroller, Demo

21. Easy Slider, Demo

21.1 Thumbnail Scroller – Premium $15

A very customisable Thumbnail Scroller, that can be edited from a PHP Admin. The scroller is completely resizable and is compatible with all browsers and devices (iPhone, iPad and Android smartphones). You will be able to insert it into your website with an inbuilt HTML code generator.

Preview Demo | Download

22. Pikachoose, Demo

23. Animated JavaScript Slideshow, Demo

24. Agile Carousel

25. noobSlide

26. SAG Content Scroller

27. s3Slider, Demo

28. Galleria

29. InnerFade

30. Content Slider with jQuery UI, Demo

31. GalleryView

31.1 Content Scroller DZS – Premium $7

DZS Content Scroller is a solid, advanced, fully responsive jQuery plugin to scroll content. It can be a html content scroller, a banner rotator or even a image gallery due to the fact that it support inline content and it includes two viewing modes.

Preview DemoDownload

32. SlideItMoo, Demo

33. jQuery Scrollable, Demo

34. Ultimate JavaScript Scroller and Slider, Demo

35. Moving Boxes, Demo

36. jCarousel, Demo

37. Slick Auto-Playing Featured Content Slider, Demo

38. YUI Carousel component, Demo

39. AnythingSlider, Demo

40. Start/Stop Slider, Demo

41. SmoothGallery

42. Slideshow 2

43. iTunes-esque slider with jQuery, Demo

44. Slick and Accessible Slideshow Using jQuery, Demo

45. A Beautiful Apple-style Slideshow Gallery, Demo

46. A Slick Content Slider, Demo

Let us know if we have missed some thing awesome and we will be happy to update the article.

Join over 55,891 Subscribers Today! FREE UPDATES!

Get The Only Freelancer crash course you will ever need to read!

19 Written ArticlesWebsite

Ahmad Hania is a professional designer and developer with a B.Sc. in Computer Engineering. He is interested in freelancing and blogging. He is a cofounder of Wateen Technologies an application development and hosting company. He loves video games and sports. Read more articles by Ahmad Hania at his blog Follow Ahmad Hania at Twitter and Facebook.

8 Comments Best Comments First
  • Jafet

    Tuesday, September 28th, 2010 20:27

    1

    I recommend too the Jquery ScrollTo Plugin to make a real interesting web site.

    0
  • Adie

    Wednesday, September 29th, 2010 19:59

    3

    quality collection here.

    some i’ve used in the past but loads more i would like to use on new projects now.

    thanks

    0
  • Naty

    Wednesday, September 29th, 2010 09:21

    2

    Very useful ! Thanks :)

    0
  • Michael

    Friday, October 1st, 2010 20:08

    4

    Thanks for the lists. I’ve been looking for something like Lof SiderNews for a while. Exactly what I needed :)

    0
  • Fábián Gábor

    Monday, October 11th, 2010 15:42

    5

    It’s a great collection of javascript sliders and scrollers, but maybe you could include Galleriffic too, a free jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth.

    0
  • Kelly Bradona

    Saturday, April 9th, 2011 13:11

    7

    These are great the best on that I have seen is from fancybox. Lots of clear examples and is well like by the internet community. However, it can be a little tricky to setup at first.

    0
  • Rainer

    Friday, October 22nd, 2010 15:31

    6

    One not to miss:
    http://mgoys.com/lab/hashslider/
    adds the possibility to link to a slider position with a #hastag

    0
    • Dainis Graveris

      Tuesday, June 12th, 2012 17:09

      8

      Oh this is good share, thanks Rainer!

      0
  • Kelly Bradona

    Saturday, April 9th, 2011 13:11

    7

    These are great the best on that I have seen is from fancybox. Lots of clear examples and is well like by the internet community. However, it can be a little tricky to setup at first.

    0
  • Rainer

    Friday, October 22nd, 2010 15:31

    6

    One not to miss:
    http://mgoys.com/lab/hashslider/
    adds the possibility to link to a slider position with a #hastag

    0
    • Dainis Graveris

      Tuesday, June 12th, 2012 17:09

      8

      Oh this is good share, thanks Rainer!

      0
  • Fábián Gábor

    Monday, October 11th, 2010 15:42

    5

    It’s a great collection of javascript sliders and scrollers, but maybe you could include Galleriffic too, a free jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth.

    0
  • Michael

    Friday, October 1st, 2010 20:08

    4

    Thanks for the lists. I’ve been looking for something like Lof SiderNews for a while. Exactly what I needed :)

    0
  • Adie

    Wednesday, September 29th, 2010 19:59

    3

    quality collection here.

    some i’ve used in the past but loads more i would like to use on new projects now.

    thanks

    0
  • Naty

    Wednesday, September 29th, 2010 09:21

    2

    Very useful ! Thanks :)

    0
  • Jafet

    Tuesday, September 28th, 2010 20:27

    1

    I recommend too the Jquery ScrollTo Plugin to make a real interesting web site.

    0

Comments are closed.

x

Do You Know How To Freelance And Get More Clients?

E-Book

If not, then it's time to learn how to:

  • Start as web design freelancer for dream lifestyle!
  • Design beautiful designs your clients will love!
  • Get your first clients and get more clients!

You can trust 1stWebDesigner to help you become a better web designer!

- Jacob Cass | Just Creative

Just enter your name and email below and click Get Updates!

unknown - US