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

    JavaScript

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

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

  2. t-scroll

    JavaScript

    アニメーションとともにアイテムが一つずつ現れる「t-scroll」

    t-scrollはアニメーションとともにアイテムを一つずつ表示させるこ…

  3. ClickSpark.js

    JavaScript

    美しいパーティクルエフェクトを実装できる「ClickSpark.js」

    ClickSpark.jsは画像を用いたたくさんの粒子が放出されるよう…

  4. BetterToggle

    JavaScript

    要素を拡大しながら表示させたり非表示にしたりできるjQueryプラグイン「BetterToggle」…

    面白いjQueryプラグインがあったのでご紹介します。指定した要素を拡…

  5. stacky

    JavaScript

    スライドダウン・スライドアップしてコンテンツを整理できるjQueryプラグイン「stacky」

    stackyというjQueryプラグインを使えばコンテンツをスライドダ…

  6. EasyFader Plugin Demo

    JavaScript

    レスポンシブ対応で軽量なフェードスライドショーを実装する「EasyFader Plugin Demo…

    シンプルなフェードアニメーションによるスライドショーを実装することがで…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP