no-image

JavaScript

超シンプルでオプションもわかりやすいjQueryスライダー「Free Simple Slider」

Free Simple Sliderは、超シンプルで使い方も簡単なスライダーを実装することができるjQueryプラグインです。必要最低限のオプションもしっかり用意されているほか、アニメーションも3タイプから選ぶことができます。

Free Simple Slider

Free Simple Slider

デモでは3つのタイプのスライダーが用意されています。ベーシックなものから、フェードやスライドで切り替わるものがあります。

スライダーの左右には前後移動できる矢印ボタンが設置されているほか、スライダー下部にはドット式のナビゲーションも設置されています。

シンプルながらも、必要な機能をしっかりと備えている印象ですね。

また、オプションもいくつか用意されています。主なオプションは、dots、arrows、time、animationです。デフォルト値は、dotsがfalse、arrowsがtrue、timeが5000、animationがfadeです。

ちなみに、animationはbasic、fade、slideの3つの中から設定することができます。使い方もとても簡単でわかりやすいので、サクッと実装できそうですね。ライセンスはMITとのこと。

というわけで、超シンプルながらも必要な機能をしっかり備えたjQueryスライダー「Free Simple Slider」のご紹介でした。

高機能なスライダーではなく、シンプルなスライダーを求めている人は要チェックです。

関連記事

  1. JavaScript

    リストのテキストを1つずつ垂直にスライドさせていくjQueryのティッカー「Totem Ticker…

    おもしろいですね、これ。リスト化したli要素を1つずつ垂直方向にスライ…

  2. jQuery_Overlay_Menu
  3. AniX

    JavaScript

    優れたパフォーマンスと互換性を備えたアニメーションライブラリ「AniX」

    AniXは優れたパフォーマンスと互換性を備えた軽量のアニメーションライ…

  4. jQueryプラグイン

    JavaScript

    jQueryプラグイン・2014年下半期70選まとめ

    今年も残すところ後わずかとなってしまいました。というわけで、2014年…

  5. jQuery Flat Shadow

    JavaScript

    フラットデザインに影をつけてくれるjQueryプラグイン「jQuery Flat Shadow」

    フラットデザインのUIに影(シャドウ)をつけてくれるjQueryプラグ…

  6. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

最近の記事

  1. トライポッドスリーブ
  2. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  3. カメラマングローブ Grip Hot Shot III
  4. 包(つつむ)巾着ポーチ

Instagram始めました

Facebookページ

PAGE TOP