examinedliving
11/13/2015 - 5:52 PM

Loading Spinner

Requires spin.js. Custom loading spinner

function mySpin(color, el) {

    var opts = {
        "color": color,
        "lines": 11,
        "length": 1,
        "width": 52,
        "radius": 27,
        "scale": 1.25,
        "corners": 0.5,
        "opacity": 0.90,
        "rotate": 0,
        "direction": 1,
        "speed": 0.9,
        "trail": 29,
        "top": 50,
        "left": 50,
        "shadow": "on",
        "hwaccel": "on"
    };
    var spinner = new Spinner(opts);
    spinner.spin(el);
    var tc = new tinycolor(color);
    $(spinner.el).find('div').each(function() {
        var s = $(this).css('background-color');
        var y = new tinycolor(s);
        a = y.getAlpha();
        var bg = tc.spin(10).lighten(1).setAlpha(y).toRgbString();
        $(this).css('background-color', bg);
    });
    return spinner;
}