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

関連記事

  1. no-image

    JavaScript

    セクション間をスムーズにスクロールできる「Scroll Control」

    Scroll Controlはセクション間をスムーズにスクロールできる…

  2. Responsive Nav

    JavaScript

    レスポンシブ対応の軽量なナビゲーションを実装できる「Responsive Nav」

    レスポンシブ対応のナビゲーションを実装できる「Responsive N…

  3. Text Rotator
  4. pull-to-reload

    JavaScript

    下へ引いてページをリフレッシュ(リロード)できる「pull-to-reload」

    pull-to-reloadは、Webページ内で下へ引くだけでページを…

  5. Uglipop.js

    JavaScript

    軽量でミニマルなモーダルボックスを実装できる「Uglipop.js」

    Uglipop.jsは軽量でミニマル、カスタマイズ性にも優れたモーダル…

  6. no-image

    JavaScript

    3Dキューブによる画像ギャラリー「3D Cube Image Gallery」

    3D Cube Image Galleryは、3Dキューブによるオシャ…

最近の記事

  1. Anker PowerCore Lite 20000
  2. ネクスタイム
  3. フォールドオーバーポーチ
  4. 田沢湖
  5. ハクバ シリコンクロス

Instagram始めました

Facebookページ

アーカイブ

PAGE TOP