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

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

paroller.js垂直・水平の動きに対応したパララックス効果を実装できる「paroller.js」前のページ

要素が表示領域に入ったり出たりするとイベントを受け取れる「scrollMonitor」次のページscrollMonitor

関連記事

  1. no-image
  2. JavaScript

    文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

    SplitcharというjQueryプラグインを使えば、文字の半分をス…

  3. Timeliny

    JavaScript

    レスポンシブ対応の年ベースによるjQueryタイムライン「Timeliny」

    Timelinyはレスポンシブに対応した年ベースによるタイムラインを実…

  4. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  5. simple-calendar

    JavaScript

    イベント設定もできるシンプルなカレンダー実装「simple-calendar」

    simple-calendarは、イベント設定も可能なシンプルなカレン…

  6. no-image

    JavaScript

    シンプルでパワフルなセレクトボックスを実装できる「SelectPage」

    SelectPageはシンプルながらも高いカスタマイズ性を備えたパワフ…

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP