如何檢測swiper js中的當前幻燈片？

使用swiper js作爲滑塊並希望檢測當前圖像/幻燈片。我如何檢測HTML和JS？任何想法？如何檢測swiper js中的當前幻燈片？

<div class="swiper-container"> 
    <div class="swiper-wrapper" align="center"> 
     <div class="swiper-slide"> 
      <img src="images/card_gold.png" width="80%" align="middle" onclick="desc(\'' + card1 + '\')"> 
     </div> 
     <div class="swiper-slide"> 
      <img src="images/card_platinum.png" width="80%" align="middle" onclick="desc(\'' + card2 + '\')"> 
     </div> 
     <div class="swiper-slide"> 
      <img src="images/card_silver.png" width="80%" align="middle" onclick="desc(\'' + card3 + '\')"> 
     </div> 
    </div> 
    <!-- Add Arrows --> 
    <div class="swiper-button-next"></div> 
    <div class="swiper-button-prev"></div> 
</div>

來源

2015-10-05 Ravi Ranjan

什麼信息，你想從當前圖像/幻燈片？ –

http://www.idangero.us/swiper/api/#.VhJDi_mqpHw 在這個頁面中，我們可以使用循環模式下激活 > mySwiper.activeIndex 的當前活動的幻燈片注指數數，即索引值將始終在多個循環/複製幻燈片上移動，以獲得當前幻燈片的索引。謝謝大家:) –

其非常容易。只是使用這個：

swiper.activeIndex

來源

2016-10-26 09:31:23 Timsta

這是正確和推薦的答案，因爲它使用Swiper來確定當前的幻燈片，而不是一些可能尚未分配的外部css類。 – Larzan

值得注意的是：這個值將被1索引，* not * 0索引。 – insertusernamehere

需要注意的是返回的值是基於零的......所以如果您的第一張幻燈片處於活動狀態，則返回值將爲0，如果幻燈片爲5，則返回值爲4。 – Ecropolis

就我所知，從他們的演示中，當前幻燈片總是在當前幻燈片元素上有.swiper-slide-active類。

您可以使用jQuery選擇器從活動幻燈片獲取屬性。以下是我提取圖像源的示例：

$('.swiper-slide-active img').attr('src')

來源

2015-10-05 10:20:49

如何檢測swiper js中的當前幻燈片？

回答

相關問題