jQuery Loader plugin

Example:

For all tests : to close the loader just press "c" key.

Test 1 : Simple test

The Source code :

$(function(){
	$('#example1').click(function(){
		$.loader();
	});
});

Test 2 : Designing the loader 1

This test shows you that you can design loader ...
Remind : Press "c" key to close the loader

Js code :

$('#test3button').click(function(){
	$.loader({
		className:"blue-with-image",
		content:''
	});
});

Css code :

#jquery-loader-background{background-color: silver}
#jquery-loader.blue-with-image{
	border:2px #008587 solid;
	padding-top:35px;
	background-color: white;
	text-align: center;
	background-image: url(../img/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

Test 3 : Designing the loader 2

Js code :

$('#test4button').click(function(){
	$.loader({
		className:"blue-with-image-2",
		content:''
	});
});

Css code :

#jquery-loader.blue-with-image-2{
	border:none;
	padding-top:35px;
	background-color: transparent;
	text-align: center;
	background-image: url(../img/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;

}