LoadGo

JavaScript

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

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

LoadGo

LoadGo

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

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

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

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

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

関連記事

  1. bootstrap-wysihtml5

    JavaScript

    シンプルで美しいWYSIWYGエディタを実装できる「bootstrap-wysihtml5」

    bootstrap-wysihtml5はシンプルでスッキリしたデザイン…

  2. jquery-time-slider

    JavaScript

    時間と日付を選択できる「jquery-time-slider」

    jquery-time-sliderは時間と日付を選択できるjQuer…

  3. jQuery Lighter

    JavaScript

    優雅なフェードで拡大縮小されるLightbox系ギャラリー・jQuery Lighter

    jQuery Lighterは美しいフェードで画像を拡大縮小させること…

  4. Multipicker

    JavaScript

    要素を選択するときに直感的な操作を実現する「Multipicker」

    Multipickerは、日付や曜日、番号、その他さまざまな要素を選択…

  5. JavaScript

    サムネイルをクリックして拡大画像が見れるレスポンシブ対応のjQuery画像ギャラリー「Superbo…

    綺麗に並んだサムネイル画像をクリックして拡大画像を見ることができるjQ…

  6. JavaScript

    レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」

    before-after.jsはシンプルでレスポンシブに対応したビフォ…

最近の記事

  1. 落ち葉と雪
  2. SOL001
  3. 末廣ラーメン

アーカイブ

PAGE TOP