You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.8 KiB
49 lines
1.8 KiB
<h1>What is fakeLoader.js</h1>
|
|
<p>
|
|
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.
|
|
</p>
|
|
<h3>Check out the <a href="http://joaopereirawd.github.io/fakeLoader.js/demo/demo1.html" target="_blank">Demo</a></h3>
|
|
<h1>Bower?</h1>
|
|
<p>Me too :) fakeLoader.js is available as a Bower package. Just run</p>
|
|
<pre>bower install fakeloader</pre>
|
|
|
|
<h1>1. Include in HTML Document</h1>
|
|
<p style="margin:0px;">Include in the top of your <body> tag </p>
|
|
<pre><p><div id="fakeLoader"></div></p></pre>
|
|
</br></br>
|
|
<h1>2. Include Styles</h1>
|
|
<p>Inside <head> tag </p>
|
|
<pre><p><link rel="stylesheet" href="yourPath/fakeLoader.css"></p></pre>
|
|
<h1>3. Include Folowing Libraries</h1>
|
|
<p>JQuery reference and the fakeLoader.js</p>
|
|
<pre>
|
|
<p><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></p><p><script src="yourPath/fakeLoader.min.js"></p>
|
|
</pre>
|
|
|
|
<h1>4. Basic Initialize</h1>
|
|
<p>Include in bottom of your <body> tag</p>
|
|
<pre>
|
|
<code>
|
|
<script type="text/javascript">
|
|
$("#fakeLoader").fakeLoader();
|
|
</script>
|
|
</code>
|
|
</pre>
|
|
|
|
<h1>5. Options</h1>
|
|
<pre>
|
|
<code><p><script type="text/javascript"></p>
|
|
$("#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
|
|
|
|
});
|
|
</script>
|
|
</code>
|
|
</pre>
|
|
|