responsiveslides.js - получить текущий слайд

Question

Нужно получить значение «номер данных» из текущего слайда, который активен в слайдере. Я хочу использовать это значение, чтобы показать/скрыть дополнительную информацию в другом div страницы. Или, если есть другой способ, кроме добавления определенных значений «число данных», дайте мне знать - я ничего не видел в документе, который возвращал номер слайда.

Я знаю, что могу использовать обратный вызов «после», чтобы потом делать то, что хочу, но не уверен, как я могу получить это значение в первую очередь.

<div class="row"> 
    <div class="col-md-12"> 
     <ul class="rslides" id="slider1"> 
      <li data-number="1"> 
       <img src="/user-data/2/screenshots/demo21.jpg" alt=""> 
      </li> 
      <li data-number="2"> 
       <img src="/user-data/2/screenshots/demo22.jpg" alt=""> 
      </li> 
      <li data-number="3"> 
       <img src="/user-data/2/screenshots/demo23.jpg" alt=""> 
      </li> 
      <li data-number="4"> 
       <img src="/user-data/2/screenshots/demo24.jpg" alt=""> 
      </li> 
      <li data-number="5"> 
       <img src="/user-data/2/screenshots/demo25.jpg" alt=""> 
      </li> 
     </ul>    
    </div> 
</div> 

$("#slider1").responsiveSlides({ 
    auto: false,    // Boolean: Animate automatically, true or false 
    speed: 500,   // Integer: Speed of the transition, in milliseconds 
    timeout: 4000,   // Integer: Time between slide transitions, in milliseconds 
    pager: true,   // Boolean: Show pager, true or false 
    nav: true,    // Boolean: Show navigation, true or false 
    random: false,   // Boolean: Randomize the order of the slides, true or false 
    pause: false,   // Boolean: Pause on hover, true or false 
    pauseControls: true, // Boolean: Pause when hovering controls, true or false 
    prevText: "Previous", // String: Text for the "previous" button 
    nextText: "Next",  // String: Text for the "next" button 
    maxwidth: "",   // Integer: Max-width of the slideshow, in pixels 
    navContainer: "",  // Selector: Where controls should be appended to, default is after the 'ul' 
    manualControls: "",  // Selector: Declare custom pager navigation 
    namespace: "centered-btns", // String: Change the default namespace used 
    before: function(){}, // Function: Before callback 
    after: function(){}  // Function: After callback 
}); 

Answer 1

Нет необходимости добавлять атрибут данных в список. Вы можете взять индекс текущего слайда следующим образом:

$("#slider1").responsiveSlides({ 
    after: function(i){ 
     // i is equal to the index of the current active slide 
    // Your code here 
    } 
); 

Answer 2

Вы можете использовать следующий код, чтобы получить номер, который вы хотите:

$('.rslides1_on').data('number'); 

Или

$('.rslides1_on').index()