jQuery Canvas Loader

Description

This plugin replaces typical animated gif loading image with a canvas based loader of the same width and height. This is super helpful when developing mobile apps that might be viewed on Android. It will also detect to see if you have canvas support before applying the replacement.

Download

jQuery Project Page

Usage:

Without options:


$("img.ajaxLoader").canvasLoader();

With options:


$("img.ajaxLoader").canvasLoader({
    'radius':10,
    'color':'rgb(255,0,0),
    'dotRadius':10,
    'className':'canvasLoader',  
    'backgroundColor':'transparent',  
    'id':'canvasLoader1',
    'fps':10
});

Options:

Example

$("img.ajaxLoader").canvasLoader({color:'red'});
$("span.ajaxLoader").canvasLoader({backgroundColor:'yellow'});

Author