https://github.com/avine/jquery-skeleton
Show skeleton screen during asynchronous data loading
https://github.com/avine/jquery-skeleton
css
Last synced: about 1 year ago
JSON representation
Show skeleton screen during asynchronous data loading
- Host: GitHub
- URL: https://github.com/avine/jquery-skeleton
- Owner: avine
- License: mit
- Created: 2017-06-16T12:28:03.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-12-11T21:31:06.000Z (over 8 years ago)
- Last Synced: 2025-03-24T05:13:13.652Z (over 1 year ago)
- Topics: css
- Language: JavaScript
- Homepage: https://avine.github.io/jquery-skeleton/
- Size: 51.8 KB
- Stars: 13
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# jquery-skeleton
Show skeleton screen during asynchronous data loading
### Usage
#### Html fragment:
```html
```
#### jQuery plugin:
```javascript
$('.wrapper').avnSkeleton({
cssPrefix: 'avn-skeleton',
header: {
selector: '> header',
lines: 2,
icon: true,
loader: true
},
main: {
selector: '> main',
paragraphs: 3,
lines: 4
}
});
```
#### Plugin methods:
```javascript
// Remove the skeleton when real content is available
$('.wrapper').avnSkeleton('remove');
// Display again the skeleton
$('.wrapper').avnSkeleton('display');
```
### Installation and build
```shell
npm install
npm run build
```
### Open a local server
```shell
npm start
```
### Screenshot
