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

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

使用方法 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ライブラリ「PleaseWait.js」サンプル

sponsors

記事作成:
記事URL:

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