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. Tilt.js

    JavaScript

    パララックスとチルトを兼ね備えたホバーエフェクト実装「Tilt.js」

    Tilt.jsはパララックスとチルトの動きを兼ね備えた滑らかなホバーエ…

  2. star-rating-svg

    JavaScript

    カスタマイズ性に優れたレーティング(星評価)実装「star-rating-svg」

    star-rating-svgは、SVGを使用したカスタマイズ性に優れ…

  3. Animocons

    JavaScript

    アイコンに素敵なアニメーションを実装できる「Animocons」

    Animoconsはアイコンにさまざまなアニメーションを加えることがで…

  4. reveal-it.js

    JavaScript

    左から右へテキストが美しくフェードイン表示する「reveal-it.js」

    reveal-it.jsはテキストが左から右へかけて徐々にフェードイン…

  5. JavaScript

    要素の位置までスクロールしてスピード設定もできるjQueryプラグイン「scrollToBySpee…

    scrollToBySpeedは指定した要素の位置までスクロールしてく…

  6. no-image

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP