prettyLoader documentation

Below you can find the complete documentation for prettyLoader.

If you are having problems with prettyLoader and need support, please come and ask your questions in our forums.

If you got here by mistake, don’t leave! The main prettyLoader page can be found here.

If you we’re not looking for prettyLoader, well too bad, but you can still read my blog here.

Scripts needed

	<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="css/prettyLoader.css" type="text/css" media="screen" charset="utf-8" />
	<script src="js/jquery.prettyLoader.js" type="text/javascript" charset="utf-8"></script>

Then, initialize prettyLoader. Put the following code before the closing tag of your body.

<script type="text/javascript" charset="utf-8">
	$(document).ready(function(){
		$.prettyLoader();
	});
</script>

And…you’re set!

Customization

To customize prettyLoader, you can pass the following parameters

<script type="text/javascript" charset="utf-8">
	$(document).ready(function(){
		$.prettyLoader({
			animation_speed: 'fast', /* fast/normal/slow/integer */
			bind_to_ajax: true, /* true/false */
			delay: false, /* false OR time in milliseconds (ms) */
			loader: '/prettyLoader/images/prettyLoader/ajax-loader.gif', /* Path to your loader gif */
			offset_top: 13, /* integer */
			offset_left: 10 /* integer */
		});
	});
</script>

Public API

$.prettyLoader.show();
Displays the loader.

$.prettyLoader.show(2000);
Displays the loader and will hide it after 2 seconds (2000 ms)

$.prettyLoader.hide();
Will hide prettyLoader