LoadGo

JavaScript

画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」

LoadGoはサイト内にあるロゴなどといった画像をプログレスバー(ローディング)として使用できるようにしてくれるjQueryプラグインです。ローディングが進行するにつれて進捗度が画像に反映されていくので、一般的なプログレスバーに比べるとおもしろみがあって汎用性も高そうですね。

LoadGo

LoadGo

デモにあるStartボタンをクリックすると画像にオーバーレイがかかり、進捗度とともに画像の色合いやカラーなどが変わっていきます。

ローディング中はだいたい画像を見ていると思うので、ロゴや何かを伝えたい画像なんかにこの機能を実装することで、ユーザーに覚えてもらいやすくなる効果があるのではないでしょうか?

ローディング中の待ち時間ってよく考えてみると結構もったいない気がするので、こういった機能を活用して工夫していきたいですね。

オプションで背景カラーや不透明度などを設定することも可能です。

というわけで、画像を用いたプログレスバーを実装したいという方は、是非LoadGoをチェックしてみてくさだい。

jQuery cFormフォームのスタイルをカスタマイズできる「jQuery cForm」前のページ

軽量で簡単なパララックスを実装できるjQueryプラグイン「Enllax.js」次のページEnllax.js

関連記事

  1. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  2. chalk-animation

    JavaScript

    カラフルなアニメーションを実装できる「chalk-animation」

    chalk-animationはカラフルなアニメーションによるテキスト…

  3. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

  4. Lazy Load

    JavaScript

    画像の読み込みを遅らせてスクロールに合わせて表示させるjQueryプラグイン「Lazy Load」

    画像の読み込みを遅らせて表示させることができるjQueryプラグイン「…

  5. Tilt.js

    JavaScript

    パララックスとチルトを兼ね備えたホバーエフェクト実装「Tilt.js」

    Tilt.jsはパララックスとチルトの動きを兼ね備えた滑らかなホバーエ…

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP