ローディングをかっこ良くみせるJavaScriptライブラリ「PleaseWait.js」

ページの読み込みが長いと離脱につながってしまうので、ローディング画像を見せることがあるかと思います。
そのローディング画像をかっこ良く見せられるJavaScriptライブラリPleaseWait | A Loading Page for your SPA by Pathgatherを紹介します。

sponsors

使用方法

PleaseWait | A Loading Page for your SPA by Pathgatherからファイル一式をダウンロード。
body内に下記を記述するだけで完成です。

  <link href="please-wait.css" rel="stylesheet">
  <script type="text/javascript" src="please-wait.js"></script>
    <script type="text/javascript">
      window.loading_screen = window.pleaseWait({
        logo: "画像",
        backgroundColor: '背景色',
        loadingHtml: "メッセージ"
      });
</script>
終了後に削除したい場合はloading_screen.finish();を追記すればOKです。
Javascriptサンプルページ一覧
skuare.net

sponsors