【Swiper.js】スライドの高さを揃える方法
swiper.jsはとても便利だ。しかし、高さが違う画像などをスライダーにせってした時に高さがバラバラになってしまう。 それをCSSのみで解決できるので、今回はその方法を紹介する。.swiper-slideにheight […]
swiper.js
【JS】swiper.jsでスライドが１枚とそれ以外で処理を分けるやり方
swiper.jsでスライドが１枚の場合と複数枚の場合で処理を分けるやり方を紹介しておく。 例えば複数枚の場合は、ループを１枚の場合はループなしを行いたい場合は以下のようにするとよい
【JS】swiper.jsを使ってモーダルでスライダー・カルーセル表示
今回はswiper.jsを使ってモーダルでスライダー・カルーセルを実装する方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
【JS】Swiper.js リンク先に遷移しない時の解決方法
Swiper.jsを使って実装していた時にハマってしまったことがあった。 それは、Androidのブラウザでaタグに設定したリンクにクリック/タップしても遷移しなかったことだ。 そこでjsに「watchSlidesPro […]
swiper.jsを使ってタブ切り替えを実装する方法
まずはhead内にswiper.cssとswiper.jsを読み込む swiper.jsは https://swiperjs.com/ からダウンロード HTML CSS JS