bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptフリック&レスポンシブ対応のコンテンツスライダーを実装できるjQueryプラグイン「Flickerplate」JavaScript2014.03.13フリック&レスポンシブ対応のコンテンツスライダーを実装できるjQueryプラグイン「Flickerplate」FlickerplateというjQueryプラグインを使ってみました。これとてもいいですね。スマホやタブレットのフリックやレスポンシブにも対応しているコンテンツスライダーを実装することができます。使い方も簡単なので覚えておきたいプラグインです。Pluginhead内にjQuery本体とダウンロードしたプラグインファイルを読み込んでいきます。src="flickerplate.min.js"></script>HTMLは以下のように記述します。</ul></div>最後にFlickerplateをセットすれば完了です。$('.flicker-example').flicker();});こんな感じであっという間にコンテンツスライダーを実装できます。左右の端にホバーするとコンテンツを切り替える矢印も表示されます。ちなみに矢印は画像を読み込む必要があります。オプションも色々あるので詳細は公式サイトで確認してみて下さい。2014・3関連記事JavaScript値の範囲を円形スライダーで表示できる「roundSlider」roundSliderは値の範囲を円形スライダーで表示できるjQuer...JavaScriptシンプルなスクロールエフェクトを実装できるjQueryプラグイン「ScrollMe」ScrollMeというjQueryプラグインを使えば、シンプルでスタイ...JavaScriptテーブルのカラムをリサイズできる「jQuery-ResizableColumns」jQuery-ResizableColumnsは、テーブルのカラムをリ...JavaScriptテキストやボックスをレインボーにグラデーションできるjQueryプラグイン「Rainbow.js」Rainbow.jsというjQueryプラグインを使ってみました。Sliderはシンプルな機能性による水平スライダーを実装...JavaScriptjQueryでマウスオーバーした時に要素を全体的に拡大するやつを作ってみるすごくどうでもいい内容なんですが、ちょっとやってみたかったので素人なが...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。