Top 20 Useful Slider jQuery Examples

1. jQuery Responsive Grid Quote

featured image

A vertical jQuery slider help you to display team information or customer testimonial.jQuery OneByOne Slider Plugin:

jQuery http://jquery.

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. jQuery Grid and List Switch

featured image

A easy slider jQuery plugin help you to display grid thumbnail, and have a option to display it in a list.jQuery OneByOne Slider Plugin:

jQuery http://jquery.com/projects/prettyphoto-jquery-lightbox-clone/

More Details

4. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Tabion jQuery – Modern Responsive Tab Accordion

Tabion jQuery – Modern Responsive Tab Accordion is a small jQuery plugin that is used to create modern Tab with powerful features.If you like to see the plugin documentation you can check it here: Tabion jQuery Documentation

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

5. Everslider - Responsive jQuery Carousel Plugin

featured image

Everslider is fully responsive, mobile optimized jQuery carousel plugin. It uses CSS3 transitions for animations with fallback to jQuery.Hardware CSS3 transitions with fallback to jQuery

Conflict-free jQuery plugin

More Details

6. Dasky Timeline Slider

featured image

Dasky is a jQuery timeline slider,you can use it to show you products’s chagelog/loadmark, or loadmark of you team/life. mousewheel : Does mousewheel can control the slider for pre/next. keyboard:  Does keyboard can control the slider for pre/next.ImageZoom – Responsive jQuery Image Zoom Plugin

HoverEx – jQuery image hover animation plugin

Picanim – jQuery image hover effect pulgin

Zoome – jQuery Image Zoom Effect Plugin

More Details

7. Roundabout - WordPress Carousel Slider Plugin

featured image

Roundabout  WordPress Carousel Slider Plugin is ready-to-go straight out of the box carousel slider, it’s highly-customizable with more that 65 main configurations.Image and Content slider: Full Control Over HTML via WYSWYG Editor: Build your custom HTML design in WordPress Native and familiar editor.Over 30 jQuery effects with custom speed plus 3 effects for slides subtitle descriptions.Auto Generate WordPress Shortcodes: Each slider has its own settings and a shortcode to be used everywhere.

More Details

8. Tsunami Slider JQuery Plugin V 1.1

featured image

tsunami Slider V 1.JQuery Plugin

More Details

9. jSliderPro

featured image

The slider can automatically scale down to mobile devices adapting buttons, bullets images and also their positions. Resolved an issue with jQuery that hampered transitions’ selection.

More Details

10. jQuery Multiple Scroll Portfolio Gallery

featured image

A slider jQuery plugin help you to display portfolio, which support multiple gallery.jQuery OneByOne Slider Plugin:

jQuery http://jquery.

More Details

11. Facebook Comment Slider

featured image

This fancy slider offer an opportunity for the users to leave comments about your website (or any subpages) when they reach the bottom of the page or with a simple click on a Facebook icon. You can lock the screen and set up a timer or you can allow for the users to close the slider.The whole slider full responsive, the users can enjoy on tablets or with any mobile device.Intelligent slider

Auto-open the slider box when the user reach the bottom of the page.If you choose lock screen, the slider will only close when the user leave a comment or the time is up.fixed slider position

you can enable or disable the user can close the slider

ability to set up timer to fadeout the slider

selectable direction of the slider

you can set up to open the slider automatically just once per user

fancy jquery animation with fadeout and jQuery slide effect

unlock screen with click on the background (if you allow to close the slider for the users)

auto open the slider if you want, when the users reach the bottom of the page

mobile-friendly slider

- added a timed shake effect to the icon until the jQuery slider JS not open

- fixed: doesn't open the slider at the bottom of the page again, after a user already opened before

- replaced jQuery 1.- don't display the timer, when the slider is closeable

More Details

12. Nex - Blazing Fast FullScreen Slider

featured image

“Nex” – Blazing Fast Fullscreen Slider

Nex slider is a blazing fast fullscreen slider optimized for best performances and compatible with all platforms. It allows you to embed images, videos and even google maps in the same slider.That said Nex, doesn’t need any other libraries at all (except jquery) to implement all it’s functionality, you can see the speed of the slider on the demo page.It’s very easy to implement, even for beginners due to the fact that it is uses jquery, usage should be no trouble at all.jquery.com/jquery-1. Then all you have to do is init the Nex slider like so:

If you would like to use google maps in the slider you will need to include this script above any other scripts:

Customizable slider look

Big thanks to Joanna Kustra which allowed me to use her awesome images in the slider

jQuery – Released under the MIT license

More Details

13. Strapslide - Responsive Bootstrap Slider Plugin

featured image

Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions.jQuery 1.7 – jQuery 2.Powerful CSS Transitions with jQuery FallBack

Slider loads correctly on first try

More Details

14. Host Slide PRO - Plan & Pricing Slider

featured image

This Host Slide PRO plan & pricing slider is the best widget for your website.Also, check out this file if you need 1 basic style slider only: Link

More Details

15. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Home Page Slider

Banner Slider

Image Slider

List Slider

Responsive Slider

Tab Slider

Tiled Menu Slider

Grid Slider

Vertical Slider

Full Width Slider

When touch and drag the slider with finger on a touch device like iphone (iOS, Android, Windows Surface), the slider will move left/right or up/down. If responsive feature is enabled, when window of browser resize, the slider size will respond to window width at real time with no delay, no stop of animation. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly.Best performance slider guarantee

Jssor slider is announced as one of the best performance sliders. No-Jquery minimum 15KB javascript code by smart compression. It is one of the lowest CPU comsuming slider. slider (1%), slider with caption (4%), slider with slideshow (~4%)

Jssor slider comes with 360+ impressive slideshow effects/transitions

Jssor slider comes with 390+ impressive caption effects/transitions

Jssor slider auto detect drag orientation, when an user touch and drag the slider, it will move horizontal or vertical recording to drag orientation.Most reliable slider

Jssor slider is CSS text drop shadow cross browser slider, it support wide range of browsers, Chrome 3+, Firefox 2+, IE 6+, Safari 3. Jssor slider is also cross plat form browser, iOS, Android, Windows, Windows Surface and Mac are all supported.Most scalable slider

Jssor slider is one of most scalable slider. Arrow key navitation, navigate slider by click keyboard arrow left/right

Slider can be put anywhere (lightbox, or any container)

Cut/Paste slider code snippet

More Details

16. HostSlide Hosting Plan & Pricing Slider

featured image

This HostSlide hosting plan & pricing slider is the best widget for your website.

More Details

17. jQuery Responsive Fullscreen Intro

featured image

A thumbnail slider jQuery help you to display information step by step in fullscreen with rotate CSS3 animation support.jQuery OneByOne Slider Plugin:

jQuery http://jquery.

More Details

18. edValueSlider - jQuery value slider widget

featured image

Slider component with different options

- jquery

- jquery.- jquery. (Full jquery UI lib is NOT required)

More Details

19. jQuery Fullscreen Scroll Gallery

featured image

A wordpress slider plugin help you to display fullscreen images with jQuery auto delay slideshow support.jQuery OneByOne Slider Plugin:

jQuery http://jquery.

More Details

20. FullScreen Background / Gallery - Image and Video

featured image

More Details

21. News Widget - jQuery Plugin

featured image

News Widget is a range slider jQuery that turns any list or news into a news slider.

More Details