- Overview
- Documents
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.
Source: joaopereirawd.github.io
Dec 08, 2014 in Animation 4995 views
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.
Source: joaopereirawd.github.io
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" href="yourPath/fakeLoader.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> <script src="yourPath/fakeLoader.min.js">
2. HTML
<div id="fakeLoader"></div>
3. JAVASCRIPT
$(".fakeloader").fakeLoader();
4. OPTIONS
$(".fakeloader").fakeLoader({ 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 });
Tagged with:
fakeloader.js
jquery plugin
animated spinner
fullscreen loading
preloading
preloading effect
spinner
loading effects
Related Articles