Linear Slider

JavaScript

シンプルな機能で使いやすいjQueryによる水平スライダー「Linear Slider」

Linear Sliderはシンプルな機能性による水平スライダーを実装することができるjQueryプラグインです。使い方・機能ともにシンプルなので手軽で使いやすいjQueryスライダーを探している人にはピッタリです。

Linear Slider

Linear Slider

実際のデモ動作はファイルをダウンロードすればチェック可能です。デモでは水平にスライドして切り替わっていくスライダーを見ることができます。

スライダーの下部にはナビゲーションも設置されていて、スライドしてコンテンツが切り替わることで、それに連動してナビゲーションも移動していきます。

無駄な装飾もほとんどなく、スッキリしたデザインとシンプルな機能性を兼ね備えたスライダーを実装したい人にはうれしい仕様になっていると思います。

またオプションには、speed、pause、autoplayといったものが用意されています。スライドするスピードの数値を指定したり、オートプレイの有効・無効を指定したりと、ちょっとしたカスタマイズが可能です。

ちなみに、デフォルトの設定値は、speedが1000、pauseが3000、autoplayがfalseになります。

というわけで、シンプルな機能で使い方もカンタンなjQueryスライダーを実装したいという人は、ぜひLinear Sliderを活用してみてはいかがでしょうか?

EasyFader Plugin Demoレスポンシブ対応で軽量なフェードスライドショーを実装する「EasyFader Plugin Demo」前のページ

レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」次のページelmenu

関連記事

  1. no-image

    JavaScript

    背景にSVGによるライン(線)をランダムで生成する「ckLine.js」

    ckLine.jsは背景にSVGによるライン(線)をランダムで生成する…

  2. A simple DIY responsive image slideshow
  3. fullPage.js

    JavaScript

    フルページでコンテンツごとにスクロールする「fullPage.js」

    fullPage.jsはフルページでコンテンツごとにスクロールするレス…

  4. JavaScript

    画像の一部をカッコよく拡大したりできるjQueryプラグイン「Loupe」

    こうゆうプラグインは初めて使ってみたんですが、とても面白いですね。Lo…

  5. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  6. Glide.js

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP