Image slider or Content slider or whatever you call it – it’s widely used on news and portfolio website to showcase their latest articles, product and featured content. The purpose is to increase the “accessibility” and interactions between the site visitors and website. Image slider not only making your website more user friendly, but it also help you to show up your content with attractive ways in a limited space.
It’s really important to deciding what types of image slider that you want to use – Flash image slider, JavaScript or pure CSS content slider, each has advantages and disadvantages. However, I think jQuery image slider has gained it more popularity than any other types, because it’s easy to use and has a lots of transition effects to choose from including, Ken burns effect, squares, fade, parallax effect, basic linear, responsive slider, circular animation, swipe, animated caption and much more.
In this article, you will find 43 useful tutorial, source code and WordPress plugins for creating jQuery image / content slider, please note that the list below is contain free and premium jQuery slider. You can choose a free one If you don’t have budget for that, but if you think you need a powerful jQuery slider with a lot of features, you can select a commercial one.
You Might Also Like:
- 6 Pure CSS Content Slider Alternatives to JavaScript
- 20+ Useful Vertical and Horizontal CSS3 Menu Tutorials
- 20 CSS / JavaScript Search Form Styling Tutorials and Techniques
- 30 of the Best Free & Premium Responsive WordPress Themes
- 35+ Useful Online CSS3 Generators & Tools
- +108 Free CSS Menu Designs {Mega Menu, Dropdown, Horizontal, Vertical}
- 125+ Free High-Quality (X)HTML and CSS Web Layout Templates
[NEW] Simple jQuery Slider
[NEW] Very Simple Slider by zuraiz
[NEW] JSON Slider
This is a multi purpose jQuery plugin. We can crate slider, carousel & timeline. It is a responsive and fast-loading slider with built-in search functionality and other powerful features.
1. free jquery/wp responsive plugin slider
jQuery Slider Shock is a responsive Slider and the most complete slider over the web. Allows to add content from external sources (YouTube, twitter, Instagram and others,). and control almost any appearance aspect with an extense list of controls.
2. Parallax Content Slider With CSS3 and jQuery
A simple parallax content slider with different animations for each slider element and a background parallax effect.
3. Flexslider
An awesome, fully responsive jQuery slider plugin.
4. Roundabout
Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.
5. Chop Slider
6. Code Your Own Juicy Tabbed Slider (using the Nivo Slider)
7. Orbit
A Slick jQuery Image Slider Plugin
8. Supersized
Supersized is a fullscreen background slideshow built using the jQuery library
9. How to Create an Image Slider using jQuery and CSS3
Download | Demo
10. WOWSlider
WOW Slider is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear)
11. Diapo
12. TN3 Gallery
TN3 Gallery is a jQuery image gallery with slideshow, transitions effects, multiple album options, CSS skinning and much more.
13. Pikachoose
14. Slicebox
A fresh 3D Image Slider with graceful fallback
15. Creating a Slick Auto-Playing Featured Content Slider
16. Elastic Image Slideshow With Thumbnail Preview
17. wmuSlider
A jQuery responsive image slider.
18. 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.
19. How to Make Auto-Advancing Slideshows
20. Advanced jQuery background image slideshow
21. Flux Slider
Flux Slider is now compatible with both jQuery & Zepto.js, supports more than just WebKit browsers.
22. liteAccordion v2
23. Sweet Thumbnails Preview Gallery
In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail.
24. Parallax Slider With jQuery
25. Responsive Image Gallery With Thumbnail Carousel
A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide.
26. Nivo Slider
The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding.
PREMIUM JQUERY CONTENT & IMAGE SLIDER
27. Polaroid Slider
Polaroid slider mimics the feeling of the old-style polaroid photographs. It’s a powerful javascript-css slider using CSS3 and dojoToolkit.
28. Saloon
The jQuery Banner Rotator animates your image and text slides with transition effects of the wide library. Easy installation, state-of-the-art transitions and text animations define the freshline style.
29. Unleash jQuery Accordion Slider
30. Responsive KenBurner Slider jQuery Plugin
Responsive KenBurner Slider jQuery Plugin is the premium way of using a slider in your website. A combination of Ken Burns Effect, state-of-the-art Slider, Text Animations and Responsive rebuilding defines this slider.
31. jQuery Banner Rotator / Content Slider / Carousel
32. WeatherSlider
This is a beautiful weather slider widget with animated weather effects and 48 weather types.
33. M.I.N.I
jQuery Showcase and Portfolio Slider Plugin is not only one but unlimited(!) way of showing your items and contents in a stylish way.
34. UnoSlider
Responsive Touch Enabled Slider
35. RoyalSlider
RoyalSlider is easy to use jQuery image gallery with animated captions, responsive layout and touch support for mobile devices.
36. iPad Magazine w/ fallback
HTML Magazine build for iPad with fallback for modern browsers. Horizontal and vertical HTML – Javascript Magazine / Slider
37. Translucent
This is a jQuery Banner Rotator / Slideshow with translucent background set for caption. Supports touch swipe navigation for iPad and Android tablets.
38. DDSlider
DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content.
39. Rama
The jQuery Slider Plugin animates your image and text slides with transition effects of the wide library (21 transition and 10 object animation effects available).
40. TouchCarousel
TouchCarousel is mobile-friendly and lightweight jQuery content scroller with touch navigation for mobile and desktop. May be used as carousel, banner rotator and image gallery.
41. LayerSlider
This is a jQuery content slider using the famous parallax-effect! You can create as many layers and sublayers as you want. You can use images or any other HTML elements, including Flash movies as layers.
42. jQuery Slider Evolution
Slider Evolution is a JQuery plugin that lets you easily create powerful javascript sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!
43. Boutique carousel
A ready to use jQuery slider/carousel to present your images in a unique, smooth and customizable way.
44. Estro
This slider includes a smooth and powerful Ken Burns effect which is completely configurable and compatible with all major browsers (including ie7 to ie9, Firefox Chrome, Opera, Safari) and mobile platforms like iphone / ipad.
A very helpful compilation. thanks. I found the Dynamic and Coda sliders to be of use.