注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリ・「keen-slider」


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との事です。

keen-slider

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG