jqueryIntroLoader Plugin
a jQuery plugin for generate animated intro loading pages

Overview

jqueryIntroLoader Plugin load an intro page for your website that disappear after window load event. You can choose some different animation and styles!

jqueryIntroLoader Plugin is very simple to use.
It's perfect for jQuery beginners!

Some reason for 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!

Short Documentation

Using jqueryIntroLoader is simple.
Just follow some easy steps and you will be ready to load your intro animation.
Note: this documentation is a short version of complete documentation that you can find here.

Include CSS

Include the plugin css file on your page HEAD

<link rel="stylesheet" href="path/to/plugin/css/introLoader.min.css">

Include jQuery and jqueryIntroLoader

Include jQuery and jqueryIntroLoader on your page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="path/to/plugin/js/jquery.introLoader.pack.min.js"></script>

Helpers

jqueryIntroLoader need two external plugin: jQueryEasing and SpinJS
You can load it separately or simply including jquery.introLoader.pack.min.js (as shown on the box above)

HTML Markup

Add an empty div without any css style, best is after body opening, and assign it an univocal id.
For a better introloader view assign class="introLoading" to the element.

<div id="element" class="introLoading"></div>

Javascript

Place the following lines on your page to initialize plugin with default settings.

$(document).ready(function() {
    $("#element").introLoader();
});

Styles & Colors

We provide some different styles based on colors. Here you can see an example of color palettes.

Light {style: 'light'}

Dark {style: 'dark'}

Ocean {style: 'ocean'}

Forest {style: 'forest'}

FluoGreen {style: 'fluoGreen'}

FluoMagenta {style: 'fluoMagenta'}

FluoYellow {style: 'fluoYellow'}

License

This plugin is released under GNU/GPL license and is complitly free!

ForkMe on GitHub

If you like this project, fork or star it on GitHub page