a jQuery plugin for generate animated Intro Loading Pages.
This plugin help jquery beginners to add some cool animated intro page on a website.
This plugin is very easy to install and use.
Home | Documentation | Demo
###Why use it?
- It's cool!
- It's responsive!
- It's useful!
- It's light!
- It's simple to use!
- You don't need to know jQuery to obtain cool animations!
- It's perfect for jQuery beginners!
###Use
HTML
<head>
<!-- CSS -->
<link href="path/to/css/introLoader.min.css" rel="stylesheet">
<!-- PLUGIN (with helper plugins included) -->
<script src="path/to/plugin/jquery.introLoader.pack.min.js"></script>
</head>
<body>
<div id="element" class="introLoading"></div>
</body>
JAVASCRIPT
$(document).ready(function() {
$('#element').introLoader();
});
Read documentation to learn more about plugin options and use.
###Documentation
You can find an exaustive documentation on plugin home page
http;//factory.brainleaf.eu/jqueryIntroLoader/#documentation
###{less} Stylesheet
From version 1.3.2 introLoaderLess.less file was added to the project.
This file allow you to modify easly and quickly the animations' styles and colors.
Even though the css plugin is simple, use Less for the compilation of the CSS makes work easier.
###Available Animations and Styles
At now we provide 3 kind of animations and 7 color styles:
Animations: simpleLoader - doubleLoader - lettersLoader
Styles: light (default style) - dark - ocean - forest - fluoGreen - fluoMagenta - fluoYellow
Warning: lettersLoader animation is at beta version, but you can use it. I'm working to refine it.
###Sofware incuded
This plugin use some tird party software to do something during animations.
SpinJs and jQueryEasing
###ChangeLogs
version 1.3.2
------------------
New styles ("ocean" and "forest") added for all animations
New substyles "zebra" added for "doubleLoader" animation only.
LESS file added to the project
Some Javascript changes
version 1.3.0
------------------
New animation "lettersLoader" added.
version 1.2.0
------------------
New animation "doubleLoader" added.
version 1.1.3
------------------
White colored background added to the loader
(prevent site visibility before plugin style assignment).
version 1.1.2
------------------
CSS classes name changed
Spinner ID changed
Stylesheet cleaned
version 1.1.1
------------------
Some bugs correction
version 1.1.0
------------------
.stop() data method added (with 2 related new plugin options);