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. P-Loading

    JavaScript

    パワフルなローディングマスクを実装できるjQueryプラグイン「P-Loading」

    P-Loadingは、パワフルなローディングマスクを手軽に実装すること…

  2. Art Text Light jQuery plugin

    JavaScript

    テキストに光が移動するエフェクトを与えることができる「Art Text Light jQuery p…

    指定したテキストに光が移動するエフェクトを与えることができるjQuer…

  3. Bar Indicator

    JavaScript

    数値をインジケーターで見やすく表示できる「Bar Indicator」

    Bar Indicatorは数値をインジケーターで表示させることができ…

  4. JavaScript

    いろんなデザインのツールチップを実装できる「Opentip」

    Opentipはいろんなデザインのツールチップを実装することができるJ…

  5. Canvi

    JavaScript

    左右からスライド表示するシンプルなナビゲーションメニュー「Canvi」

    CanviはVanilla JSによるシンプルなナビゲーションメニュー…

  6. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP