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

    指定した画像を遅らせてローディングさせるjQueryプラグイン「Lazy Karl」の使い方

    ちょっと面白そうだったので試してみました。画像を表示させるまでの間にロ…

  2. Inspiration for Grid Loading Animations
  3. stickUp2

    JavaScript

    スクロールしてもついてくるスティッキー実装「stickUp2」

    stickUp2はスクロールしてもついてくるシンプルなスティッキーを実…

  4. slideSpeed

    JavaScript

    スライドアップ・ダウンを設定された速度で制御できる「slideSpeed」

    slideSpeedは、特定の要素のスライドアップ・スライドダウンを設…

  5. jQuery Pit-scheduler v2.0
  6. Simple Sidebar

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP