lory

JavaScript

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

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

lory

lory

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

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

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

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

meandmax/lory · GitHub

関連記事

  1. jLetter

    JavaScript

    テキストを散らばせながら次々と表示させることができるjQueryプラグイン「jLetter」

    シンプルでちょっと目を引かせたいところなんかによさそうだったので使って…

  2. JavaScript

    jQueryでCSSを複数の値で設定するやり方やクラスの追加や削減など色々

    jQueryのCSS操作で複数の値を渡したい時はハッシュ形式にすると便…

  3. no-image

    JavaScript

    シンプルでスタイリッシュなjQueryスライダー「Simple slider」

    Simple sliderはシンプルでスタイリッシュなスライダー(カル…

  4. Audero Smoke Effect

    JavaScript

    スモーク(煙)のエフェクトを実装できるjQueryプラグイン「Audero Smoke Effect…

    スモーク(煙)のエフェクトを実装することができるjQueryプラグイン…

  5. VintageTxt

    JavaScript

    タイピングしているような効果を実装できるjQueryプラグイン「VintageTxt」

    VintageTxtというjQueryプラグインを使えば、文字をタイピ…

  6. JavaScript

    blur効果で要素を簡単にぼかしてくれるjQueryプラグイン「Foggy」

    FoggyというjQueryプラグインを使ってみました。これを使えば指…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ
  4. KMC-80BK

Instagram始めました

Facebookページ

PAGE TOP