🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

LoadingBox is a really simple jQuery plugin used to generate a customizable loading overlay with a custom GIF based loading spinner on the whole page.

loading-spinner loading-overlay

Documentation

jQuery LoadingBox

A lightweight jQuery loading box plugin.

Screenshot

Usage

  1. Include jQuery:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
  2. Include plugin's code:

    <script src="jquery.LoadingBox.js"></script>
  3. Show LoadingBox:

    var lb = $.LoadingBox();
  4. Hide LoadingBox:

    lb.close();

Options [with default settings]

$.LoadingBox({     mainElementID: "loading-box",     fadeInSpeed: "normal",     fadeOutSpeed: "normal",     opacity: 0.8,     backgroundColor: "#000",     loadingImageWitdth: "60px",     loadingImageHeigth: "60px",     loadingImageSrc: "loading.gif" });

You May Also Like