Simple Easy Slider

JavaScript

美しいフェードスライダーを実装できるjQueryプラグイン「Simple Easy Slider」

Simple Easy Sliderは美しいフェードアニメーションによるスライダーを実装することができるjQueryプラグインです。軽量なファイル容量、そして使い方もとてもシンプルなことから手軽に美しいスライダーをWebページ内に設置できます。

Simple Easy Slider

Simple Easy Slider

デモでは画面いっぱいに表示された背景画像がフェードアニメーションによりダイナミックに切り替わっていきます。

画像が切り替わるシーンでは、一瞬白い画面が表示され、そこからフェードインで徐々に次の画像が表示されていきます。シンプルだけどクールでダイナミックなスライダーを実装したい人にはピッタリのスライダーといえそうです。

また、オプションにはtitle、subTitle、overlay、controlといった項目が用意されており、easyOptionsに各オプション項目に対する「true」か「false」を指定できるようになっています。

タイトルやサブタイトルなどはスライダーのマークアップ時に一緒に記述してあげればOKです。

具体的な使い方に関してはデモページに載っているので、気になる人はぜひチェックしてみてはいかがでしょうか?

というわけで、美しいフェードアニメーションによるスライダーを実装できるjQueryプラグイン「Simple Easy Slider」のご紹介でした。

関連記事

  1. busy-load

    JavaScript

    シンプルでフレキシブルなローディングマスクプラグイン「busy-load」

    busy-loadはシンプルでフレキシブルなローディングマスクを実装す…

  2. flatpickr

    JavaScript

    超軽量で使い方もカンタンな日付ピッカー「flatpickr」

    flatpickrはjQueryなどのライブラリに依存することなく動作…

  3. Zoomerang.js
  4. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  5. JQuery Clock

    JavaScript

    シンプルなアナログ時計を実装できる「JQuery Clock」

    JQuery Clockはシンプルなアナログ時計を実装できます。画像を…

  6. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP