lory

JavaScript

タッチ対応でカルーセルにもできるミニマルなJS(jQuery)スライダー「lory」

loryはタッチに対応したミニマルなデザインが特徴的なスライダーを実装することができます。一般的なスライダーの他にもカルーセルにすることもできるのでとても便利ですね。オプションでイージングエフェクトをカスタマイズすることが可能です。

lory

lory

動作はJavaScript単体になりますが、jQueryプラグインとして使用することもできます。

デモではパネルを1枚ずつスライドしていく一般的なスライダーから、異なる幅の要素でも1つずつスライドしていくカルーセルタイプ、複数の要素をまとめてスライドさせるタイプなどがあります。

また、カルーセルは無限ループにも対応しています。

スライドスピードに関してもオプションで設定することができるので、ちょっとしたカスタマイズも手軽にできるのがいいですね。

meandmax/lory · GitHub

Nexダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」前のページ

スタイリングされたソーシャルシェアボタンを実装できるjQueryプラグイン「socialShare.js」次のページsocialShare.js

関連記事

  1. SweetAlert2

    JavaScript

    カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2…

    SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセ…

  2. elmenu

    JavaScript

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

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

  3. no-image

    JavaScript

    チェックボックスをアニメーショントグルにする「jquery-simpletoggler」

    jquery-simpletogglerは、デフォルトのチェックボック…

  4. Responsive 3d Fold Scroll
  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryの基本的なanimateメソッドを使って適当に遊んでみる

    jQueryのanimateメソッドを使えば自分で好きなようにアニメー…

  6. jQuery UI Month Picker Plugin

最近の記事

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

アーカイブ

PAGE TOP