on:2013年9月6日sponsorsシンプル・軽量で、レスポンシブ対応、タッチデバイス対応、スワイプもキーボード操作にも対応したカスタマイズにも優れたOOCSSベースでマークアップされたスライダーを実装するjQueryのプラグインを紹介します。-GitHubGlide.jsのデモGlide.jsの使い方Glide.jsのデモデモはスマフォ・タブレットをはじめ、最新のモダンブラウザでご覧ください。スライドのエフェクトにCSS3を使用していますが、IE8などの古いブラウザでも代替のエフェクトで動作します。デモページ操作は左右のアローと中央下のナビゲーションでスライドでき、キーボードの矢印キーやタッチデバイスのスワイプでも操作できます。外部ファイルhead内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。HTMLスライダーのマークアップはシンプルです。各アイテムをリストで配置し、divで内包します。JavaScriptjQueryのセレクタでラッパーを指定し、スクリプトを実行します。$('.slider').glide();</script>オプションオプションではオートプレイのタイミング、アローとナビゲーションの有無・配置・スタイルなどが設定できます。Posts関連記事が見つかりませんでした。