LoadGo

JavaScript

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

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

LoadGo

LoadGo

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

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

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

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

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

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

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

関連記事

  1. Turntable.js

    JavaScript

    画像を使ってストップモーション動画のような効果を実装できる「Turntable.js」

    Turntable.jsは複数の画像を使ってストップモーション動画のよ…

  2. jQuery googleslides
  3. Bootstrap Photo Gallery jQuery plugin
  4. jQuery-LightBox

    JavaScript

    軽量でモバイルフレンドリーなLightbox実装「jQuery-LightBox」

    jQuery-LightBoxは、軽量でレスポンシブにも対応したモバイ…

  5. no-image

    JavaScript

    カスタマイズもできるダイナミックなコンタクトフォーム「Swyft Callback」

    Swyft Callbackはカスタマイズもできるダイナミックで美しい…

  6. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

最近の記事

  1. COMOLI ベタシャンCPOシャツ(サックス)
  2. ハワイアナス ビーチサンダル
  3. 蓮の花
  4. チキンアラビアータ 石窯フィローネ
  5. ユニクロ ポロシャツ

アーカイブ

PAGE TOP