Swiper.jsで現在表示している画像のページ番号の取得をしたい

Question

プラグインのSwiperを使って１つの画像をスライド表示させるようにしています。

        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="0001.png" alt="Swiper01" border="0"></div>
                <div class="swiper-slide"><img src="0002.png" alt="Swiper02" border="0"></div>
                <div class="swiper-slide"><img src="0003.png" alt="Swiper03" border="0"></div>
                <div class="swiper-slide"><img src="0004.png" alt="Swiper04" border="0"></div>
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <script src="/static/js/lib/swiper-bundle.min.js"></script>
        <script>
            var swiper = new Swiper('.swiper-container', {
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                }
            });
        </script>

ボタンを押すと次の画面に遷移するのですが、
現在表示されているページ番号を取得することは可能でしょうか？
わかる方、教えてください。

Answer 1

公式ドキュメントを見る限り、これではないでしょうか。

swiper.activeIndex
Swiper API

Comments

[westbom]

これで取得できそうです。
今表示しているimgタグのsrcを取得って出来るのでしょうか？

[Lhankor_Mhy]

そういう目的なら、クラスで拾った方が楽かもですね。
https://swiperjs.com/swiper-api#param-slideActiveClass