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を活用してみてはいかがでしょうか?

関連記事

  1. no-image

    JavaScript

    オシャレなスクロールエフェクトを実装できる「jQuery Smoove」

    jQuery Smooveは、オシャレなスクロールエフェクトを実装する…

  2. circleChart

    JavaScript

    多彩なカスタマイズができる円形チャート「circleChart」

    circleChartは多彩なカスタマイズを実現した円形チャートを実装…

  3. Multi-Step-Form-Js
  4. Tendina

    JavaScript

    簡単で素早くドロップダウンメニューを実装できるjQueryプラグイン「Tendina」

    TendinaというjQueryプラグインを使えば、とても簡単で素早く…

  5. Ion Zoom

    JavaScript

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Zoom」

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Z…

  6. FocusPoint

    JavaScript

    画像の指定した部分を中心にレスポンシブ化できるjQueryプラグイン「FocusPoint」

    FocusPointというjQueryプラグインを使えば、画像の指定し…

最近の記事

  1. ベーコンエッグ&厚切りバタートースト
  2. 有栖川公園
  3. 広尾のスタバ
  4. マーガレットハウエルとミズノのコラボシューズ
  5. フレンチトーストや自家製ソーセージ

アーカイブ

PAGE TOP