JavaScript Swiperの矢印を消さない方法｜スライドの最初と最後では押せない状態で表示する
Swiperでスライドを切り替える前後の矢印ボタンを実装すると、最初のスライドでは「前へ」、最後のスライドでは「次へ」を押せない状態にしたいことがありませんか？デザインカンプでは、押せない矢印を非表示にせずに薄い色で残して「このボタンは押せ...
swiper
JavaScript 
JavaScript Swiperのスライドが1枚のときは動かさない｜2枚以上だけ動かす方法
コーポレートサイトをコーディングするとき、商品や強み、お知らせをスライド形式で見せることがありますよね。デザインカンプに複数のカードが並んでいれば、Swiperでそのまま再現すればよさそうです。でも、その中身がお知らせ投稿やカスタム投稿など...
JavaScript 【CSSのみ】Swiperスライダーのページネーションを縦並びにする方法【pagination】
Swiperのスライド方向は横のまま、ページネーションだけを縦並びにしたい場合は、JavaScriptのdirectionオプションではなくCSSで配置を変えます。この記事では、ページネーションをPCでは縦、スマートフォンでは横に切り替える...