lory

JavaScript

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

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

lory

lory

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

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

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

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

meandmax/lory · GitHub

関連記事

  1. Quttons

    JavaScript

    ボタンの形状やカラーが変化するjQueryプラグイン「Quttons」

    Quttonsはボタンをクリックすると形状やカラーが変化して新しいコン…

  2. Amigo Sorter Plugin

    JavaScript

    タッチ対応で直感的に並べ替えできるjQueryプラグイン「Amigo Sorter Plugin」

    Amigo Sorter Pluginは、タッチ対応で直感的にリスト項…

  3. Building a Vertical Timeline With CSS and a Touch of JavaScript
  4. paroller.js

    JavaScript

    垂直・水平の動きに対応したパララックス効果を実装できる「paroller.js」

    paroller.jsは垂直・水平方向の動きに対応したパララックス効果…

  5. Animocons

    JavaScript

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

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

  6. Material Design Responsive Table

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP