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」のご紹介でした。

Lettering.js一文字ずつスタイルなどを調整できるようにしてくれる「Lettering.js」前のページ

シンプルなスケジュール表を実装する「Schedule Template」次のページSchedule Template

関連記事

  1. Circular Slider
  2. no-image

    JavaScript

    プレーンなJavaScriptによるレスポンシブなLightbox「jsOnlyLightbox」

    jsOnlyLightboxは、jQueryなどを必要としないプレーン…

  3. no-image

    JavaScript

    軽量なスティッキー要素を実装できるjQueryプラグイン「Zebra Pin」

    Zebra Pinは軽量なスティッキー要素を実装できるjQueryプラ…

  4. no-image

    JavaScript

    フレキシブルでモバイルフレンドリーなフォトギャラリー実装「jGallery」

    jGalleryは、フレキシブルでモバイルフレンドリーなフォトギャラリ…

  5. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  6. no-image

    JavaScript

    スタイリッシュで美しいイメージスライダー「Gliding Gallery」

    Gliding Galleryはスタイリッシュで美しいシンプルなイメー…

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP