Create Fullscreen Preloader jQuery Plugin – 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.


Include the following JS and CSS libraries on page.

<link rel="stylesheet" href="yourPath/fakeLoader.css"/>
<script src=""/>
<script src="yourPath/fakeLoader.min.js"/>


Include in the top of your tag

<div id="fakeLoader"></div>


Basic Initialize

$(function() {   

List of options you can use to customize the loader plugin.

          timeToHide:1200, //Time in milliseconds for fakeLoader disappear
          zIndex:999, // Default zIndex
          spinner:"spinner1",//Options: 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7' 
          bgColor:"#2ecc71", //Hex, RGB or RGBA colors
          imagePath:"yourPath/customizedImage.gif" //If you want can you insert your custom image    

See live demo and download source code.


This awesome plugin is developed by joaopereirawd. Visit their official github repository for more information and follow for future updates.