LoadGo

JavaScript

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

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

LoadGo

LoadGo

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

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

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

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

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

関連記事

  1. JavaScript

    テキストに滑らかに動くアニメーションをつけることができるjQueryプラグイン「animateTex…

    テキストに滑らかに動くかっこいいアニメーションをつけることができるjQ…

  2. Create a month picker jQuery plugin
  3. SpriteSpin

    JavaScript

    タッチにも対応した360度ビューを実装できるjQueryプラグイン「SpriteSpin」

    SpriteSpinはプロダクトページなどで役立つ、360度ビューを実…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでsetTimeoutを使えば各要素のアニメーションを実行させる時間を調整できる

    jQueryのsetTimeoutを使えば何秒後に実行するかといったこ…

  5. Pogo Slider

    JavaScript

    豊富なスライドアニメーションが揃っているjQueryプラグイン「Pogo Slider」

    Pogo Sliderは豊富なスライドアニメーションが揃っているjQu…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP