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

    JavaScript

    時刻を指定しやすくしてくれるjQueryのタイムピッカー「timedropper」

    timedropperは時刻の指定をしやすいUIを実装できるjQuer…

  2. baffle.js

    JavaScript

    DOM要素内のテキストを難読化させて読めるようにする「baffle.js」

    baffle.jsは、DOM要素内のテキストを暗号化して難読化させ、さ…

  3. JavaScript

    水面にゆらゆらと波打つ動きを与えてくれるjQueryプラグイン「lake.js」

    面白そうなプラグインだったので使ってみました。画像を指定するとその画像…

  4. Effect Ideas for Card Stacks
  5. t.js

    JavaScript

    タイプライターで文字を入力するようなテキストエフェクトのjQueryプラグイン「t.js」

    t.jsというjQueryプラグインを使えば、タイプライターで文字を入…

  6. Pogo Slider

    JavaScript

    豊富なスライドアニメーションが揃っているjQueryプラグイン「Pogo Slider」

    Pogo Sliderは豊富なスライドアニメーションが揃っているjQu…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP