This time I will share jQuery Plugin and tutorial about jQuery Plugin To Create Fullscreen Preloading Effects – fakeLoader.js, hope it will help you in programming stack.
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.
How to use it:
1. Include jQuery library and the jQuery fakeloader plugin’s Javascript & CSS in the document.
1 |
<link rel="stylesheet" href="css/fakeLoader.css"> |
3 |
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script> |
4 |
<script src="js/fakeLoader.min.js"></script> |
2. Create an DIV element for the loading spinner.
1 |
<div class="fakeloader"></div> |
3. Call the plugin on the DIV element to show a fullscreen loading spinner when page loads.
1 |
$(".fakeloader").fakeLoader(); |
4. Available options.
01 |
$(".fakeloader").fakeLoader({ |
13 |
imagePath:"yourPath/customizedImage.gif" |
Changelog:
2019-02-26
2018-12-20
- 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.
