Home » Web Dev & Design » ResponsiveSlides.js: A Simple & Lightweight Responsive Slideshow Plugin

ResponsiveSlides.js: A Simple & Lightweight Responsive Slideshow Plugin

ResponsiveSlides.js: A Simple & Lightweight Responsive Slideshow Plugin

ResponsiveSlides: Simple & lightweight responsive slideshow plugin

ResponsiveSlides.js is tiny jQuery plugin that creates a responsive slideshow using images inside <ul>, is a simple and lightweight responsive slideshow plugin. It also adds css max-width support for IE6 and other browsers that don’t natively support it.

responsive slideshow jquery 470x311 ResponsiveSlides.js: A Simple & Lightweight Responsive Slideshow Plugin

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.  Only dependency is jQuery (1.4 and up supported) and that all the images are same size.

Features of ResponsiveSlides.js: 

  • Fully responsive
  • Under 1kb minified and gzipped
  • Simple markup using unordered lists
  • 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
  • Images can be wrapped inside links
  • Optional ‘before’ and ‘after’ callbacks

ResponsiveSlides.js is tested with the following browser:

It works with wide range of browsers including all IE versions from IE6 and up.

  • Internet Explorer 6,7,8,9
  • Firefox 3,6,8
  • Safari 5
  • Chrome 15
  • Opera 11.5
  • iOS Safari
  • Opera Mobile 10.1
  • Opera Mini for iOS
  • IE7 Mobile
  • Firefox Mobile
  • Android browser
  • Kindle browser
Source Website & Download for ResponsiveSlides.js

Hope you like it, share if you like. 

Related search terms:

  • lightweight slideshow mobile
  • mobile lightweight slideshow
  • responsiveslides before and after callbacks
  • responsiveslides foundation
  • responsiveslides js
  • responsiveslides js wordpress


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge