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. スマトラ
  2. さくらドーナツ
  3. 紙のコーヒーフィルター
  4. PS5とFF7リメイクと鉄拳8
PAGE TOP