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

    JavaScript

    脚注(注釈)を入れたい時に役立つjQueryプラグイン「Footnoted」

    FootnotedというjQueryプラグインは文章の中に脚注(注釈)…

  2. Parallaxor

    JavaScript

    美しいパララックス効果を最小限のコードで実装できるjQueryプラグイン「Parallaxor」

    Parallaxorは最小限のミニマルなコードで美しいパララックス効果…

  3. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

  4. animateClick

    JavaScript

    ボタンクリック時にアニメーションをつけれる「animateClick」

    animateClickはボタンをクリックしたときにアニメーションをつ…

  5. Fly to

    JavaScript

    カートに入れた際に飛んでいくエフェクトのjQueryプラグイン「Fly to」

    Fly toは商品をカートに入れた際にカートまで飛んでいくエフェクトを…

  6. JavaScript

    リスト化した要素を自分が指定した数に分割できるjQueryプラグイン「Easy List Split…

    リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ…

最近の記事

  1. cheero Stream 10000mAh
  2. BOSE HOME SPEAKER 300
  3. RP-PC112
  4. SRS-XB402M
  5. Lite LR30

アーカイブ

PAGE TOP