Spin.js - spinner with no CSS, Images
Provides an easy-to-use Rails 3.1 asset for Spin.js
Install
Add it to your Rails application's Gemfile:
gem 'spinjs-rails'Then bundle install.
Usage
Require spin:
// application.js
//= require spinand if you want the jQuery plugin, you also need to add that:
// application.js
//= require spin
//= require jquery.spin
// Then you can:
$(".abc").spin(); // Shows the default spinner
$(".abc").spin(false); // Hide the spinner
// Show customised spinner:
$(".abc").spin({
lines: 12, // The number of lines to draw
length: 7, // The length of each line
width: 9, // The line thickness
radius: 30, // The radius of the inner circle
color: '#000', // #rgb or #rrggbb
speed: 1, // Rounds per second
trail: 60, // Afterglow percentage
shadow: false // Whether to render a shadow
});
// Use customisation shortcuts:
$("#el").spin("small"); // Produces a 'small' Spinner using the text color of #el.
$("#el").spin("large", "white"); // Produces a 'large' Spinner in white (or any valid CSS color).See the full usage details on the spin.js site.
License
Thanks
Thanks to all contributors and the author of the spin.js