One of the hottest trends in the web design space, started by the popularity of mobile devices, is design of websites with responsive layouts. Indeed, if you are planning to build a website, it is an advantage, if not a must, that you go for a template design for your web page that can conveniently be viewed by mobile internet users whose number is increasing by leaps and bounds.
On the other hand, if you are a designer who is not looking for a pre-designed template, but rather a jQuery slider which is responsive, or one that can adjust to a different browser sizes, you can take a look at this nice collection and see if you can avail any of them below. Meanwhile, you can take a look at some of the responsive web design tools if you are serious developer who want to get a hand at some fundamental tools for mobile web design. Check out these jQuery slider plugins and enjoy!
Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.
Collection of Responsive jQuery Slider Plugins
the Ultimate Smart Slider jQuery plugin automatically generates a slider from a folder of images. It also support taking the name of the images as captions. You can change the order of the images, and also select which ones will show the caption.
Blueberry – MORE INFO | DEMO
This is Blueberry a simple and free jQuery image slider written specifically for responsive web design.
RoyalSlider is one of the top jQuery image slider plugins. It comes with animated captions, responsive layout and touch support for mobile devices. Easily add an unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation.
Responsive image gallery has a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show integration of Elastislide, the designers of this gallery wants to implement a responsive gallery that adapts to the viewport width. The gallery allows you to view it with the thumbnail carousel or not using a view switch.
This plugin makes it easy to create a responsive(mobile friendly) or fullwidth slider with cool effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). The back end simply makes it possible to drag text and images to the locations where they should fly in.
You customize the slider content with the convenient drag&drop backend and choose from the predefined CSS layouts for the text effects.
This plugin features tons of cool transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.
ResponsiveSlides.js are a tiny jQuery plugin that creates a responsive slider using list items inside <ul>. It works with a wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don’t natively support it.
An awesome, fully responsive jQuery slider plugin.
This plugin allows you to display a bunch of images and get them edge-to-edge on the browser window with no gaps.
jQuery Plugin for creating image galleries that scale to fit their container.
Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousels structure into a container with a fluid width will also make the carousel fluid.
UnoSlider is a jQuery content slider plugin with unlimited transition animations (really, unlimited!). It also has a wide range of a features like touch enabled, mobile optimized interface, animated layers, responsiveness and a lot of other features.