Sliderは、円形のマスクエフェクトが素敵なスライダーを実装できます。画像をスライドする時に、円形に切り抜かれた部分が残るのが特徴です。印象的なアクセントを加えたスライダーを求めている人には最適なスライダーになるのではないでしょうか。Sliderの実際のコードやデモをチェックできます。Sliderフル画面でデモ動作を見たい人は以下からどうぞ。デモデモでは画像が表示されていて、左から右へ、もしくは右から左へ画像をドラッグするとスライドで隣の画像に切り替えることができます。画像をスライドする時は現在表示されている画像の一部が円形に切り抜かれた状態でスライドしていきます。次の画像が画面中央に配置されようとすると、その円形の部分が次の画像の一部として変化します。最後はスライドしてきた画像とピッタリ重なり1つになる仕組みです。珍しいエフェクトなので、ユーザーにとっては印象に残るスライダーになりそうですね。実装にはCSSとJavaScriptが使われています。オプションには、arrows、speed、asNavFor、dotsといった項目が用意されています。マークアップもシンプルに記述できるので、手軽に実装できるのがいいですね。Slider」の紹介でした。可変するブラウザ幅にテキストサイズを自動で合わせてくれるjQueryプ...JavaScript画像を徐々に読み込んでくれるJSライブラリ「Progressively」Progressivelyは画像を徐々に読み込ませることができるJSラ...JavaScript文章の段落にコメントできるjQueryプラグイン「SideComments.js」おもしろそうだったのでメモがてらご紹介。SideComments.js...JavaScriptサイドからスライドでナビゲーションを表示できる「jquery-side-navi」jquery-side-naviは、サイドからスライドでタブコンテンツ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。