bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptスマホとの相性もいいシンプルながらもカスタマイズ性を備えたタッチ対応スライダー「jquery.touchSlider」JavaScript2018.08.20スマホとの相性もいいシンプルながらもカスタマイズ性を備えたタッチ対応スライダー「jquery.touchSlider」jquery.touchSliderはタッチに対応したシンプルながらもカスタマイズ性を備えたスライダーを実装できるjQueryプラグインです。タッチ対応なのでスマホやタブレットからでもサクサクと簡単にスライドさせることができます。jquery.touchSlider以下のページからjquery.touchSliderの実際のデモ動作をチェックできます。デモデモではスピード設定したスライダーや指定したコンテンツ数ごとにスライドするもの、コンテンツに合わせて高さが変わるものなどたくさんのタイプのデモが用意されています。スライダー下部には「next」「prev」ボタンも設置されていて、ここから前後のコンテンツへ切り替えることができるほか、タッチ対応によりタッチ操作でスライドさせることも可能です。シンプルな操作性でサクサク動作するのでとても使いやすいスライダーに仕上がっています。オプションもいろいろ用意されており、活用することで細かいカスタマイズも行えます。オプションには、useMouse、rolle、flexible、resize、btn_prev、btn_next、paging、speed、view、gap、range、page、sidePage、transition、initComplete、counter、propagationなど、多彩な項目があるのでカスタマイズして使いたい人にもうれしい仕様ですね。使い方やマークアップもシンプルに記述でき、とても使いやすくなっています。タッチ対応でスマホやタブレットとの相性もいいスライダーを実装したい人は、ぜひ「jquery.touchSlider」を活用されてみてはいかがでしょうか?jquery.touchSliderの詳しい使い方やダウンロードは、以下のページからどうぞ。T...レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue...JavaScriptスライドが切り替わるタイミングも分かりやすく表示させるギャラリーを実装できるjQueryプラグイン「...シンプルでよさそうだったのでメモしときます。Menuは、軽量でシンプルなコンテキスト...JavaScript流れるように変化するグラデーションのアニメーションを実装できる「Granim.js」Granim.jsは美しく変化するグラデーションのアニメーションを実装...JavaScriptテキストを散らばせながら次々と表示させることができるjQueryプラグイン「jLetter」シンプルでちょっと目を引かせたいところなんかによさそうだったので使って...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。