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. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  2. no-image

    JavaScript

    jQueryの代わりに使用できるマイクロJavaScriptライブラリ「Selector」

    Selectorは、jQueryの代わりに使用することができるマイクロ…

  3. jquery.mark

    JavaScript

    キーワードをハイライトしてくれる「jquery.mark」

    jquery.markはキーワードをハイライトしてくれるjQueryプ…

  4. jQuery liMarquee
  5. jumboShare

    JavaScript

    SNSシェアボタンとジャンボサイズのカウンターを設置できる「jumboShare」

    jumboShareはSNSのシェアボタンとジャンボサイズのカウンター…

  6. Slinky

    JavaScript

    モバイルライクなナビゲーションメニューを実装できる「Slinky」

    Slinkyは軽量でレスポンシブに対応したモバイルライクなナビゲーショ…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP