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.
Libraries
Include the following JS and CSS libraries on page.
<link rel="stylesheet" href="yourPath/fakeLoader.css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"/> <script src="yourPath/fakeLoader.min.js"/> |
HTML
Include in the top of your tag
<div id="fakeLoader"></div> |
JS
Basic Initialize
$(function() { $("#fakeLoader").fakeLoader(); }); |
List of options you can use to customize the loader plugin.
$("#fakeLoader").fakeLoader( { timeToHide:1200, zIndex:999, spinner:"spinner1", bgColor:"#2ecc71", imagePath:"yourPath/customizedImage.gif" } ); |
See live demo and download source code.
DEMO | DOWNLOAD
This awesome plugin is developed by joaopereirawd. Visit their official github repository for more information and follow for future updates.