swiperで、1つのスライダーに対して複数個のpaginationを生成したい
web上でスライダーを作る「swiper」についての質問です。
実装のゴールとしては、1つのページに複数のswiperを配置するのではなく、
1つのページに1つのswiperを作り、その中に2つのpaginationを生成すること、です。
単純に
pagination: {
el: '.swiper-pagination',
},
pagination: {
el: '.swiper-pagination-fraction',
type: 'fraction',
},
こう2つ記述した場合、下のデザインのものだけが生成されました。
知りたいことは
①1つのswiperに対して複数個のpaginationはそもそも生成できるのか
またその場合の方法も教えていただきたいです。
②できない場合に考えられる他の実装方法
(realIndex等でカレントを操作すれば1から作ることも可能だとは存じますが、できるだけ簡単で工数のかからない手法が望ましいです><)
公式サイトや、Google先生に「swiper pagination 複数」等聞いてきたのですが、1つのページに複数個のswiperを設置、という旨の質問しか見受けられず、自己解決に至ることができなかったので質問させていただきました。
回答よろしくお願いいたします。