lory

JavaScript

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

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

lory

lory

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

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

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

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

meandmax/lory · GitHub

関連記事

  1. Starfield

    JavaScript

    宇宙空間を移動するような背景アニメーションを実装できる「Starfield」

    Starfieldは宇宙空間を移動するような背景アニメーションを実装す…

  2. jQuery Context Menu

    JavaScript

    軽量でシンプルなコンテキストメニューを実装できる「jQuery Context Menu」

    jQuery Context Menuは、軽量でシンプルなコンテキスト…

  3. JavaScript

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

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

  4. no-image
  5. no-image

    JavaScript

    多彩なエフェクトを備えたjQueryスライダープラグイン「camera-slider」

    camera-sliderは多彩なエフェクトを備えた美しいスライドショ…

  6. jQuery Magnify

    JavaScript

    シンプルで軽量なズーム機能を実装できる「jQuery Magnify」

    jQuery Magnifyはシンプルで軽量なズーム機能を実装すること…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP