jqueryIntroLoader (version 1.6.2)

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!

##Last Animation Updates

New "gifLoader" Animation added from version 1.6.0
New "counterLoader" Animation added from version 1.5.0
From version 1.4.5 on "lettersLoader" animation you can use all exit effects (same allowed by "simpleLoader" animation).

Install using Bower

From version 1.5.0 you can install and add jqueryIntroLoader using Bower

$ bower install introloader --save

###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.

###Warning! From version 1.4.0 some option names are changed.
On official documentation page you can find a table with all changes.

###Documentation You can find an exaustive documentation on plugin home page
http://factory.brainleaf.eu/jqueryIntroLoader/documentation.php

###{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 - counterLoader
Styles: light (default style) - dark - ocean - forest - fluoGreen - fluoMagenta - fluoYellow

Warning: lettersLoader is an experimental animation. I'm working to refine it.

###Sofware incuded This plugin use some tird party software to do something during animations.
SpinJs and jQueryEasing

###Last Updates version 1.6.2
------------------

Some little changes on demo files

version 1.6.1
------------------

Helper plugin "SpinJs" updated to version 2.1.0

version 1.6.0
------------------

New "gifLoader" Animation added

version 1.5.0
------------------

New "counterLoader" animation added;
Default exit effect optimized to prevent user errors during typing;
"delayAfter" default value changed to 0;
CSS properties changed for "preventScroll" option
(before this fix body element had no css margin property setted on 0 value in prevent scroll mode)

version 1.4.5
------------------
Exit effects added on "letterLoader" animation.

version 1.4.4
------------------
Some javascript changes

version 1.4.3
------------------
onAfter function bug fixed on "lettersLoader" animation.

version 1.4.2
------------------
Some javascript bugs fixed.

version 1.4.1
------------------
z-index css property setted on value 9999.

version 1.4.0
------------------
Some option names was changed.
Read documentation to learn more about this changes.
documentation.

version 1.3.9
------------------
.destroy() method added.

Complete Plugin Hystory.

leux9/jqueryIntroLoader

jqueryIntroLoader (version 1.6.2)

Install using Bower