50 Amazing JQuery Sliders

Introduction:

In this post, we have listed a collection of 50 Amazing JQuery Sliders, Which you are going to make use of it. Just check it out and use it in your site. Let your site get the look and feel, more than your expectation.

1.Lof JSliderNews Plugin 1.0

This slider is based on the Jquery Framework and the Easing Plugin, The JSiderNews Plugin is a slideshow plugin that displaying images or type of content and support favious navigation to previous|next items.

2.jqFancyTransitions

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. jqFancyTransitions is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

3.SlideDeck jQuery plugin

The Web’s most beautiful Jquery slider plugin. SlideDeck is a powerful slider plugin made for web designers. With SlideDeck, you can organize any type of web content into a beautiful and user-friendly slider.

4.CU3ER

CU3ER™ is the Flash® 3D image slider, EASY to set up, fully CUSTOMIZABLE, TAILORED to provide a UNIQUE look & feel, INSPIRING and FUN-to-USE. Play with CU3ER! Its 3D magic is awesome.

5.The Piecemaker XML Gallery

The Piecemaker, a 3D Flash image rotator gallery in the purest sense of the word. It’s Open Source, so feel free to download it.

6.Rotating Billboard System

In this tutorial we will use some images, CSS and jQuery to create the effect of a rotating billboard with two ads. The idea is to make one set of image slices disappear while another one (the other ad) appear. We will decrease the width of each disappearing slice and increase the width of each appearing slice. This will give the effect of rotating slices, just like in a rotating billboard system.

7.Coda Slider

A brand spanking new version of Coda-Slider. It provides a lot of features and examples to use the slider.

8.loopedSlider

loopedSlider is a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the “content rewind” that most other content sliders suffer from.

9.Nivo Slider

The Most Awesome jQuery Image Slider.

10.S3 Slider

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery (for my web site kruskica.net). Since i didnt find it after a small research i decided to build it by my self.

11.Coin Slider

jQuery Image Slider with Unique Effects.

12.PopEYE Slider

jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

13.UIZE JavaScript Framework

UIZE is free to use (available under MIT License or GNU General Public License). UIZE is open source.UIZE supports mobile devices. UIZE is skinnable with your own CSS. UIZE is server agnostic – use it with any choice of server language and platform: Java (Apache TomCat), C# (IIS / ASP.NET), Visual Basic (IIS / ASP), C/C++, Perl (Perl / Apache), PHP, Ruby (Ruby on Rails), Python, etc. UIZE has lots of built-in widgets: slideshow, calendar, date picker, slider, marquee, dialog, menu, mag view, etc.

14.CJ Flashy Slide Show

CJ Flashy Slide Show is a JQuery plugin that allows you to create a photo slide show that has some “flash-like” transitional effects. The plugin has various settings which you can manipulate to achieve a multitude of effects, such as sizing, timing, transparency and shape style.

15.Fancy Sliding Form with jQuery

It is a Fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images.

16.BarackSlideshow

Advanced jQuery background image slideshow. It gives background image slide effect.

17.simple iTunes-esque slider with jQuery

A simple slider/slideshow which mostly emulates the one on iTunes barring a few changes.

18.Automatic Image Slider

A simple slider/slideshow which mostly emulates the one on iTunes barring a few changes.

19.jQuery background image slideshow

Advanced jQuery background image slideshow. It gives background image slide effect.

20.Supersized jQuery Fullscreen Plugin

Advanced jQuery background image slideshow. It gives background image slide effect.

21.Easy Slider

Easy Slider 1.5 – The Easiest jQuery Plugin For Sliding Images and Content.

22.Sliding Boxes and Captions with jQuery

This slider is used for Sliding Boxes and Captions using jQuery.

23.JC Play List

JC Play List is an easy to use ActionScript 3.0 list component created especially for easy visual representation of multimedia lists (.xml and RSS 2.0 feeds from Picasa and Flickr).

24.Beautiful jQuery sliders

Beautiful jQuery slider is provided with the tutorial to create the beautiful jquery slider.

25.Mosaic Slideshow With jQuery & CSS

we are making a jQuery & CSS mosaic gallery. Mosaic, because it will feature an interesting tile transition effect when moving from one slide to another.

26.slideViewerPro 1.0

slideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts.

27.Slick and Accessible Slideshow

Create a Slick and Accessible Slideshow using jQuery.

28.Multiple Image Cross Fade

This simple Multiple Image Cross Fade effect is ideal for portfolio websites, galleries or magazines where images need to be seen.

29.jQuery Blinds Slideshow using CSS Sprites

Simple and effective jQuery Blinds Slideshow using CSS Sprites.

30.Floom Blinds-effect MooTools slideshow

Floom Blinds-effect MooTools slideshow which is very effective.

31.Slide Thumbs

In this post I want to explain how to turn old boring image viewer into a nice-looking one with jQuery. It’s simple just using some lines of java-script code. Implement this and enrich animation features to your web projects.

32.Create a Simple Slideshow Using MooTools Thumbnails and Captions

Create a Simple Slideshow Using MooTools, Part IV: Thumbnails and Captions.

33.Animate Panning Slideshow with jQuery

Slideshow that transitions by changing the visible window. You will need to download two plugins for this tutorial: one for easing animations and one for timing slide changes. I’ve also packaged both in the tutorial source file below.

34.jQuery Easy Slides v1.1

Possibly the easiest to use jQuery plugin for making slideshows!

35.A Simple jQuery Slideshow

In the interest of following jQuery’s motto of “writing less and doing more,” let’s write a simple slideshow using jQuery, JavaScript and a bit of CSS

36.Building a jQuery Image Scroller

making use of jQuery’s excellent animation features and generally having some fun with code.

37.Horinaja jQuery Plugin

Horinaja is a ready-to-use slide-show implementation, utilizing either scriptaculous/prototype or jQuery. Horinaja is innovative because it allows you to use a mousewheel for navigation.

38.AnythingSlider jQuery Plugin

This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really “full featured” slider that could be widely useful.

39.ShadowBox

Shadowbox is a web-based media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable.

40.CSS and jQuery Image Slider

It is a very simple image slider using css and jquery.

41.Moving Boxes jQuery Plugin

The big difference here is that there are buttons to change panels and the panels zoom in and out. Fun!

42.Slider Gallery

This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff.

43.Space Gallery JQuery Plugin

Again another image gallery. Click on the images bellow to see it in action.

44.jQuery Cycle Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

45.Agile Carousel

Agile Carousel is a JQuery plugin that lets you create a carousel with fexible settings.

46.Create a Quick MooTools Slideshow with Preloading Images

It is a very Simple and effective jQMooTools Slideshow with Preloading Images.

47.Simple Controls Gallery v1.3

Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.

48.Creating a Slick Auto-Playing Featured Content Slider

Its an Auto-Playing Featured Content Slider, Which is developed using coda slider.

49.jqGalScroll

jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos..

50.Avia Slider

  • 8 unique transition effects
  • Lots of easy to set options to create your own effects
  • Included Image preloader
  • Autoplay that stops on user interaction
  • Valid HTML5 and CSS 3 Markup
  • Packed version only weights 8kb
  • Supports linked images
  • already prepared to work with prettyPhoto Lightbox
  • works with jQuery 1.32 and higher




Posted in : Jquery, Tutorials


Comments are closed.