jQuery LoadingBoxは軽量のロードボックスjQueryプラグイン。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="jquery.LoadingBox.js"></script>

LoadingBoxを表示

var lb = $.LoadingBox();

LoadingBoxを非表示

lb.close();

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

MITライセンス

• Tag
• jQuery
• Preloader