ResponsiveSlides – A tiny jQuery plugin

responsive slide

ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using list items inside ul tag. It works with 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. Only dependency is jQuery (1.6 and up supported) and that all the images are same size.

Biggest difference to other responsive slider plugins is the file size (1.4kb minified and gzipped) + that this one doesn’t try to do everything. Responsive Slides has basically only two different modes: Either it just automatically fades the images, or operates as a responsive image container with pagination and/or navigation to fade between slides.

Plugin Features

– Fully responsive

-1kb minified and gzipped

– CSS3 transitions with JavaScript fallback

– Simple markup using unordered list

– Settings for transition and timeout durations

–┬áMultiple slideshows supported

– Automatic and manual fade

– Works in all major desktop and mobile browsers

– Captions and other html-elements supported inside slides

– Separate pagination and next/prev controls

– Possibility to choose where the controls append to

– Possibility to randomize the order of the slides

– Possibility to use custom markup for pagination

– Can be paused while hovering slideshow and/or controls

– Images can be wrapped inside links

– Optional ‘before’ and ‘after’ callbacks

Browser Support:

– Internet Explorer 6,7,8,9

– Firefox 3,6,8,11

– Safari 5,5.1

– Chrome 15,20

– Opera 11,11.6

– iOS Safari

– Symbian 3 Webkit

– Opera Mobile 10.1, Opera Mini for iOS

– IE7, IE9 Mobile

– Firefox Mobile

– Android 2.3+

– Kindle browser

Demo & Download

Back To Top