title: How to detect current slide in swiper js?
body: <p>Working with swiper js for a slider and want to detect the current image/slide. how i can detect with HTML and JS? any idea?</p>
  
  <pre><code>&lt;div class="swiper-container"&gt;
      &lt;div class="swiper-wrapper" align="center"&gt;
          &lt;div class="swiper-slide"&gt;
              &lt;img src="images/card_gold.png" width="80%" align="middle" onclick="desc(\'' + card1 + '\')"&gt;
          &lt;/div&gt;
          &lt;div class="swiper-slide"&gt;
              &lt;img src="images/card_platinum.png" width="80%" align="middle" onclick="desc(\'' + card2 + '\')"&gt;
          &lt;/div&gt;
          &lt;div class="swiper-slide"&gt;
              &lt;img src="images/card_silver.png" width="80%" align="middle" onclick="desc(\'' + card3 + '\')"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- Add Arrows --&gt;
      &lt;div class="swiper-button-next"&gt;&lt;/div&gt;
      &lt;div class="swiper-button-prev"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>