https://github.com/joaopereirawd/fakeLoader.js

fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.
https://github.com/joaopereirawd/fakeLoader.js

Last synced: 5 days ago
JSON representation

fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.

• Host: GitHub
• URL: https://github.com/joaopereirawd/fakeLoader.js
• Owner: joaopereirawd
• License: mit
• Archived: true
• Created: 2014-12-05T22:35:55.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2019-02-25T21:35:46.000Z (over 5 years ago)
• Last Synced: 2024-10-19T03:15:22.274Z (20 days ago)
• Language: CSS
• Homepage:
• Size: 167 KB
• Stars: 721
• Watchers: 36
• Forks: 270
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• fucking-awesome-web-effect - fakeLoader - fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect. (🚀 A series of exquisite and compact web page cool effects / Loading Effect)
• awesome-web-effect - fakeLoader - fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect. (🚀 A series of exquisite and compact web page cool effects / Loading Effect)

README

        
# What is fakeLoader.js

fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.

Check out the demo [http://joaopereirawd.github.io/fakeLoader.js/](http://joaopereirawd.github.io/fakeLoader.js)

## Current Version 

`V2.0.0`

### 1. Installing 

```js 

yarn add jq-fakeloader

or

npm i jq-fakeloader

```

### 2. Include CSS

```css

```

### 3. Include `javascript` dependencies

```

<script src="../node_modules/dist/fakeLoader.min.js">

```

### 4. Include `fakeLoader` placeholder in the HTML Document 

```

<div class="fakeLoader"></div>

```

### 5. Basic Initialize

```js

<script>

   $.fakeLoader();

```

### 6. Options

`timeToHide` //Time in milliseconds for fakeLoader disappear

`spinner` //'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7'

`bgColor`  //Hex, RGB or RGBA colors

### Support

If you encounter an issue or want to request a feature, you can create an [issue](https://github.com/joaopereirawd/fakeLoader.js/issues)