Resources

ResponsiveSlides.js

Last updated on 6 September 2012

ResponsiveSlides.js
ResponsiveSlides.js

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.

Biggest difference to other responsive slider plugins is the file size (1kb 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.

  • Resource Name

    ResponsiveSlides.js

  • Resource Creator

    viljamis

Description

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.

View on Github Download Resource

Related Resources

  • Image placeholder

    jQuery Masonry

    August 13th, 2012

    Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

  • Image placeholder

    Lazy Load (jQuery)

    December 6th, 2012

    Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.

  • Response.JS rwd plugin

    Response JS

    February 10th, 2013

    Response JS provides semantic ways to dynamically swap code blocks based on breakpoints and serve images (or other media) progressively via HTML5 data attributes.

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.