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. TOAST UI Chart

    JavaScript

    多彩なチャートを描画できる「TOAST UI Chart」

    TOAST UI Chartは多彩なチャートをWebページに描画できる…

  2. JQuery-SnakeGallery

    JavaScript

    ホバーした方向へエフェクトが追従してくる「JQuery-SnakeGallery」

    JQuery-SnakeGalleryは、ホバーした方向へエフェクトが…

  3. jRCarousel

    JavaScript

    モダンエフェクトなレスポンシブ対応のカルーセル実装「jRCarousel」

    jRCarouselはモダンエフェクトなカルーセルを実装できるjQue…

  4. StickyStack.js

    JavaScript

    パネルにスタッキング効果を実装できるjQueryプラグイン「StickyStack.js」

    StickyStack.jsはパネルにスタッキング効果を実装することが…

  5. HR Navigation Responsive Menu
  6. Motion Blur Effect with SVG

    JavaScript

    ブラーエフェクトを効果的に取り入れる「Motion Blur Effect with SVG」

    Webページ内でブラーエフェクトを効果的に取り入れることができる「Mo…

最近の記事

  1. M360bt

アーカイブ

PAGE TOP