https://github.com/zenoo/slick-loader
A slick loader to use during your AJAX calls or data processing
https://github.com/zenoo/slick-loader
data-loading javascript loader
Last synced: about 1 month ago
JSON representation
A slick loader to use during your AJAX calls or data processing
- Host: GitHub
- URL: https://github.com/zenoo/slick-loader
- Owner: Zenoo
- License: mit
- Created: 2018-05-16T10:00:16.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2025-01-07T12:50:27.000Z (4 months ago)
- Last Synced: 2025-04-08T23:36:38.648Z (about 1 month ago)
- Topics: data-loading, javascript, loader
- Language: JavaScript
- Homepage: https://zenoo.github.io/slick-loader/
- Size: 1.09 MB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Slick Loader
A slick loader to use during your AJAX calls or data processing
### Doc
* **Installation**
Simply import slick-loader into your HTML.
```
```
* **Documentation**
See the offical [documentation](https://zenoo.github.io/slick-loader/Slickloader.html) for more in-depth informations.
* **How to use**
You can either use the default `SlickLoader` or create a `new Slickloader(target)` to target your loading more precisely.
```
SlickLoader.enable();
...
SlickLoader.disable();
// OR
let customLoader = new Slickloader().enable()
...
customLoader.disable();
```
* **Methods**
```
SlickLoader.enable(); // Displays the loader
SlickLoader.disable(); // Hides the loader
SlickLoader.setText(line1, line2); // Sets two text lines at the center of the loader
SlickLoader.clearText(); // Removes the text
SlickLoader.destroy(selector); // Removes the SlickLoader
```
* **Example**
See this [JSFiddle](https://jsfiddle.net/Zenoo0/91h52q7e/) for a working example
## Authors
* **Zenoo** - *Initial work* - [Zenoo.fr](http://zenoo.fr)