Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
lib
 
 
 
 
 
 
 
 
 
 

README

Spinner-meh-gic

by Mark Doeswijk
Eagle Eyes Software
http://www.qwerios.nl/

3rd party libs:
---------------
Internet Explorer support works thanks to the magic of excanvas (http://code.google.com/p/explorercanvas/)
Widget factory class courtesy of jQuery UI (http://jqueryui.com/)

Description:
------------
After visiting Full Frontal 2010 (http://2010.full-frontal.org/) I had to get my hands on some of that HTML5 canvas goodness. Every project has an animated gif spinner in there somewhere so I decided to start there.
I've implemented this spinner as a jQuery UI widget factory based widget. So the syntax to create an instance of the widget should be familiar to people who have worked with jQuery UI:

$( ".myElement" ).spinnerMehGic();

That will create a spinner with the default settings. You can customize the settings to your liking and create many different types of spinners. Check out the blog post on my website for some examples of the different styles. (http://www.qwerios.nl/2010/11/20/my-canvas-experiment-spinner-meh-gic/)

After creating the widget you can control the widget with:
$( ".myElement" ).spinnerMehGic( "start" ); 
    or
$( ".myElement" ).spinnerMehGic( "stop"  );

Changing the widget parameters can be done with the setOptions command which takes the same parameters as the widget constructor:
$( ".myElement" ).spinnerMehGic( "setOptions", { partSize: 10, gapSize: 20, spread: 360 } );

Check the wiki on github for the full list of options.

About

Canvas based reusable animated spinner

Resources

Releases

No releases published

Packages

No packages published