Get new jQuery plugins just once a week

×

IntroLoader

February 27, 2015

IntroLoader | A jQuery plugin to generate animated Loading Pages

IntroLoader is a simple jQuery plugin to generate animated Introduction Loading Pages.

Created by Gix075

Download

Example

IntroLoader jQuery plugin

animated landing

jqueryIntroLoader (version 1.7.1)

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?

Last Animation Updates

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 6 kind of animations and 7 color styles
Animations: simpleLoader - cssLoader - gifLoader - 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.7.1
------------------
- css bug fixed on cssLoader animation

version 1.7.0
------------------
- cssLoader animation added

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

Complete Plugin Hystory.

IntroLoader

Related posts:

Generic Data Binder
bootstrap-accessibility
contents
IntroLoader jQuery plugin

http://jquer.in/wp-content/uploads/2015/02/IntroLoader.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever