お問い合わせ・無料相談
WEBのこと 2024.07.19

スライダー「swiper」のページネーションを有効にする方法

WRITER
Sasayama Sayaka ディレクター
Sasayama Sayaka

ディレクター。ウェブデザイン技能士(2級)/HTML5プロフェッショナル認定資格 レベル1・レベル2。

スライダー「swiper」のページネーションを有効にする方法


スライダーが必要な時によく使用する「swiper」ですが、
デフォルトではページネーションのクリックが有効になっていません。

ここを良く忘れることが多いので、
備忘録としてページネーションの有効化の方法を記載しておきます。

「swiper」のページネーションのクリックを有効化する方法

「pagination」に「clickable: true」を追加すればOK!

let myswiper = new Swiper(‘.swiper’, {
 pagination: {
  el: “.pagination”,
  clickable: true ※これを追加
 }
});

参考:

JOURNALが気に入ったら「いいね」してね!

Contact

ブランディング・WEB制作・運用まで、まずは一度お話を聞かせてください。 初回のご相談は無料で承っています。

お電話

0120-622835

10:00〜18:00 / 土日祝休

メールフォーム

お問い合わせはこちら