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

lory

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

lory

lory

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

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

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

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

meandmax/lory · GitHub

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives