Facebook-like Content Placeholder Plugin - jQuery Skeleton Loader

Facebook-like Content Placeholder Plugin - jQuery Skeleton Loader
File Size: 47.1 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

Skeleton Loader is a jQuery loader plugin used to display Facebook-style animated content placeholders while loading your page's content via AJAX requests.

How to use it:

1. Load the jQuery Skeleton Loader plugin into your document and you're ready to go.

<link href="jquery.skeleton.css" rel="stylesheet">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="jquery.scheletrone.js"></script>

2. Create a container element as this:

<div class="demo" id="skeletone">


3. Initialize the plugin and define the path to the external data source to be loaded into the document.

var instance = $('#skeletone').scheletrone({
    url : "data.html"

4. More configuration options.

var instance = $('#skeletone').scheletrone({

    // if you have to pass data on querystring
    ajaxData: {},

    // debug options
    debug: {
        log: false,
        latency: 0

    // save the template into local storage
    incache: false,

    // callback
    onComplete: function() {
        console.info('default onComplete() event');

Change log:


This awesome jQuery plugin is developed by enbifa. For more Advanced Usages, please check the demo page or visit the official website.