
スライダーが必要な時によく使用する「swiper」ですが、
デフォルトではページネーションのクリックが有効になっていません。
ここを良く忘れることが多いので、
備忘録としてページネーションの有効化の方法を記載しておきます。
「swiper」のページネーションのクリックを有効化する方法
「pagination」に「clickable: true」を追加すればOK!
参考:
JOURNALが気に入ったら「いいね」してね!


スライダーが必要な時によく使用する「swiper」ですが、
デフォルトではページネーションのクリックが有効になっていません。
ここを良く忘れることが多いので、
備忘録としてページネーションの有効化の方法を記載しておきます。
「pagination」に「clickable: true」を追加すればOK!
参考:
JOURNALが気に入ったら「いいね」してね!
お問い合わせ
ブランディング・WEB制作・運用まで、まずは一度お話を聞かせてください。 初回のご相談は無料で承っています。
お電話
0120-622835
10:00〜18:00 / 土日祝休
まだお気に入りはありません。
実績ページの「お気に入り」から保存できます。
let myswiper = new Swiper(‘.swiper’, {
pagination: {
el: “.pagination”,
clickable: true ※これを追加
}
});