FakeLoader.js

JavaScript

フルスクリーンでカッコいいローディングアニメーション・FakeLoader.js

FakeLoader.jsはフルスクリーンでカッコいいローディングアニメーションを実装することができます。軽量のjQueryプラグインになっており、ページ遷移をする際にオシャレなローディング効果を演出します。

[ads_center]

fakeLoader.jsの使い方

実際のデモは以下で確認することができます。

デモ

いくつかのサンプルが用意されており、どれも滑らかなアニメーションでカッコいいです。Custom Imageでは自分の好きな画像をローディング中に表示させることができます。

使い方はこんな感じでオプション設定もいくつかできるようになっています。

$("#fakeloader").fakeLoader({
    timeToHide:1200,
    zIndex:"999",
    spinner:"spinner1",
    bgColor:"#2ecc71",
    imagePath:"images/sample.jpg"
});

エフェクトの種類であるspinnerは以下の7つの内いずれかを指定することができます。

  • spinner1
  • spinner2
  • spinner3
  • spinner4
  • spinner5
  • spinner6
  • spinner7

また、Custom Imageを実装する場合はimagePathに自分が表示させたい画像を指定する必要があります。

FakeLoader.js

Responsive Inspectorレスポンシブのサイトチェックに役立つChrome拡張機能「Responsive Inspector」前のページ

2014年、買ってよかったもの(ガジェット、雑貨など)次のページ2014年に買ってよかったもの

関連記事

  1. JavaScript

    画像にマウスオーバーするとズームして綺麗にエフェクトがかかるjQueryプラグイン「Swish」

    画像にマウスオーバーをするとズームして綺麗なオーバーレイのエフェクトが…

  2. hoverpulse

    JavaScript

    マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hoverpulse」

    マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hov…

  3. Rythim.js

    JavaScript

    音楽のリズムに合わせてボタンなどに躍動感を与える「Rythim.js」

    Rythm.jsは、あなたのホームページに躍動感を与えてくれるjsライ…

  4. Navi.js

    JavaScript

    ナビゲーションとコンテンツが連動して切り替わるjQueryプラグイン「Navi.js」

    ナビゲーションとコンテンツが連動して切り替わる便利なjQueryプラグ…

  5. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP