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

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

  2. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  3. Parazoom

    JavaScript

    クールに拡大・チルトする画像ズーム「Parazoom」

    Parazoomはクールに拡大・チルトする画像ズーム機能を実装できるj…

  4. Slideout.js

    JavaScript

    軽量でタッチスライド対応のサイドメニュー・Slideout.js

    Slideout.jsは軽量でスマフォでのタッチスライドに対応したサイ…

  5. JavaScript

    画像の一部をカッコよく拡大したりできるjQueryプラグイン「Loupe」

    こうゆうプラグインは初めて使ってみたんですが、とても面白いですね。Lo…

  6. JavaScript

    jQueryの基本的なセレクターを適当に試してみる

    自分の勉強用としてちょっと適当に試してみました。jQueryの基本のセ…

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP