article:
JS Plugins & Code: TinyNav.js
article:
Mobile & Other: Samsung open sources Galaxy S3 source code

JS Plugins & Code: ResponsiveSlides.js

Advertisement

Simple & lightweight responsive slider plugin (in 1kb)

ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using list items inside <ul>. 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.4 and up supported) and that all the images are same size.

Features:

  • Fully responsive;
  • 1kb minified and gzipped;
  • 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;
  • Can be paused while hovering slideshow and/or controls;
  • Images can be wrapped inside links;
  • Optional 'before' and 'after' callbacks;
ResponsiveSlides.js is tested with the following browser
  • 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 browser;
  • Kindle browser;
Website; ResponsiveSlide.js

Advertisement
Tags: responsive, slider, plugin, jquery, ajax, webdesign, webdevelopment, html, css3

Leave a Comment

No Comment

© Creative3x Ltd.