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

    1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」

    Jquery Layoutday pluginは、1日のイベントスケジ…

  2. Motion Blur Effect with SVG

    JavaScript

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

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

  3. JavaScript

    レンガ風に要素を綺麗に並べてグリッドレイアウトが作れる「The Wookmark jQuery pl…

    Pinterestのように高さの異なる要素をレンガ風に綺麗に並べて、簡…

  4. JavaScript

    フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」

    screenfull.jsは画像などの要素をフルスクリーンで表示させる…

  5. Picker

    JavaScript

    iOSのようなピッカーを実装できるJSライブラリ「Picker」

    Pickerは、iOSのUIのようなピッカーを実装することができるJS…

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP