jQuery Plugin To Create Fullscreen Preloading Effects - fakeLoader.js

File Size: 39.4 KB
Views Total: 35642
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Plugin To Create Fullscreen Preloading Effects - fakeLoader.js

fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.

See also:

How to use it:

1. Include jQuery library and the jQuery fakeloader plugin's Javascript & CSS in the document.

<link rel="stylesheet" href="css/fakeLoader.css">

<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/fakeLoader.min.js"></script>

2. Create an DIV element for the loading spinner.

<div class="fakeloader"></div>

3. Call the plugin on the DIV element to show a fullscreen loading spinner when page loads.


4. Available options.


// Time in milliseconds for fakeLoader disappear

// 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7' 

// Background color. Hex, RGB or RGBA colors

// Custom loading GIF.



  • v2.0.0


  • Fix Bars Appears on Top Left Corner Before Centering

About Author:

Author: João Pereira

Website: http://joaopereirawd.github.io/fakeLoader.js/

This awesome jQuery plugin is developed by joaopereirawd. For more Advanced Usages, please check the demo page or visit the official website.