keen-slider
keen-sliderは手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリです。
他ライブラリを必要としない非依存型でタッチデバイスファーストな設計となっています。操作もシンプルで様々な用途に使えそうな印象でした。
という訳で動作テストしてみました。
サンプル
使い方は従来通りです。
< link rel = "stylesheet" href = "keen-slider.min.css" /> < script src = "keen-slider.js" ></ script > |
CSSとライブラリを読み込みます。
var slider = new KeenSlider( '#my-keen-slider' ) |
読込先を指定します。
< div id = "my-keen-slider" class = "keen-slider" > < div class = "keen-slider__slide" >1</ div > < div class = "keen-slider__slide" >2</ div > < div class = "keen-slider__slide" >3</ div > </ div > |
スライダーを作れば完成です。
サンプルのようにループ可能にしたりオート再生したりデイトピッカーに使用したりエフェクト付与、コントロールUIの有無、react等との併用なども可能です。汎用的で良いですね。ライセンスはMITとの事です。