https://github.com/9elements/loadie.js

Loadie.js is a lightweight jQuery plugin to create a preloader that doesn't suck and that is used by big firms.
https://github.com/9elements/loadie.js

Last synced: 5 days ago
JSON representation

Loadie.js is a lightweight jQuery plugin to create a preloader that doesn't suck and that is used by big firms.

• Host: GitHub
• URL: https://github.com/9elements/loadie.js
• Owner: 9elements
• License: mit
• Created: 2013-08-21T15:52:14.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2018-12-31T18:54:06.000Z (almost 6 years ago)
• Last Synced: 2024-10-26T23:37:52.242Z (16 days ago)
• Language: JavaScript
• Homepage: http://9elements.github.io/loadie.js/
• Size: 2.74 MB
• Stars: 399
• Watchers: 35
• Forks: 93
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## **Loadie.js** is a lightweight jQuery plugin to create a preloader that doesn't suck and that is used by big firms.

### 1. How to include Loadie.js

If you haven't already, include jQuery and the latest Loadie.js Script on the AJAX-driven page.

    

    <script src="js/jquery.loadie.min.js">

### 2. How to initialize Loadie.js

Just put in the following jQuery code in your page to initialize Loadie.js.

    $('body').loadie(); // Change the wrapper if wanted.

### 3. How to update Loadie.js

If you haven't already, include jQuery and the latest Loadie.js Script on the AJAX-driven page.

    var percent = 0.74;

    $('body').loadie(percent); // Insert your percent as params.

### 4. Update your CSS files

If you are running a web page with a fixed header or something fixed or positioned absolute on the top, your loadie will not be visible, because there is something that is called z-index.

    .loadie { z-index: 9999; }

Insert this little snippet into your css file and everything should work fine.

## **Options**

At this moment Loadie.js (v1.0) doesn't support extensive options. If you have any ideas what Loadie.js could be, just leave us an issue at Github.

## Copyright

This nice little jQuery plugin was crafted by [@iDuuck](http://twitter.com/iDuuck) of [9elements](http://9elements.com).