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

    JavaScript

    jQueryプラグインで電卓を実装できる「jCalculator」

    jCalculatorというjQueryプラグインを使えば入力フィール…

  2. jumboShare

    JavaScript

    SNSシェアボタンとジャンボサイズのカウンターを設置できる「jumboShare」

    jumboShareはSNSのシェアボタンとジャンボサイズのカウンター…

  3. jQuery Tags Input

    JavaScript

    シンプルでお洒落なタグを入力することができるjQueryプラグイン「jQuery Tags Inpu…

    とても便利で面白いjQueryプラグインがあったのでご紹介します。シン…

  4. Radial Progress Bars

    JavaScript

    アニメーション付きのサークルプログレスバー「Radial Progress Bars」

    Radial Progress Barsは、アニメーション付きのサーク…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでマウスオーバーした時に要素を全体的に拡大するやつを作ってみる

    すごくどうでもいい内容なんですが、ちょっとやってみたかったので素人なが…

  6. LuminJS

    JavaScript

    テキストを徐々にハイライトしていく「LuminJS」

    LuminJSはWebページ上のテキストを徐々にハイライトしていくJa…

最近の記事

  1. ACC-TRBX
  2. ピスタチオ クリスマス ツリー フラペチーノ
  3. SF-G64T
  4. USB Type-C搭載ドッキングステーション

Facebookページ

PAGE TOP