|File Size:||55.5 KB|
|Official Website:||Go to website|
A basic, lightweight jQuery page preloader plugin which displays a preloading screen with loading spinner & background before all your web content are fully loaded.
How to use it:
1. To get started you first need to link to the jQuery library and the jQuery Basic Preloader plugin.
<script src="jquery.js"></script> <script src="basicpreloader.js"></script>
2. The you need to create the html for the loading screen on the top of the web page.
<div id="loader"><div id="back"></div></div>
3. That's it. You can change the loading background image to yours. Low image sizes would be the best or if you want you can keep a plain background as well by setting the css property background to whatever you like.
4. Refer to
basicpreloader.js for more configurations.