jQuery 및 기타 슬라이더를 사용하여 현재 슬라이드의 ID 표시

Question

슬라이드가 변경되면 현재 div의 ID가 다른 div로 작성됩니다.

$(function(){ 
$('#slider').anythingSlider({ 
    onSlideInit: function(e,slider){ 
     var currentID = $(this).attr('id'); 
     $('#slide-change').html(currentID); 
    } 
}); 
}); 

을하고 HTML : 이것은 당신에게 내가 acheive하려고 무엇의 아이디어 줄 수도

  <div id="slider-wrapper"> 
       <div id="slider"> 
        <div id="1"><img src="images/slider/slide1.jpg" /></div> 
        <div id="2"><img src="images/slider/slide2.jpg" /></div> 
        <div id="3"><img src="images/slider/slide3.jpg" /></div> 
        <div id="4"><img src="images/slider/slide4.jpg" /></div> 
       </div> 
      </div> 

그것은 작업의 일종입니다 - 슬라이드 변경, 그것은 단어를 표시 할 때 '슬라이더 그래도. 이것은 아마도 매우 기본적인 질문 일 뿐이며, 죄송 합니다만 컨테이너와는 달리 현재 슬라이드의 ID를 표시하려면 어떻게해야합니까? 올바른 선택기를 사용하는 것일뿐입니다.하지만 알아낼 수는 없습니다. 어떤 도움을 주시면 감사하겠습니다.

Answer 1

슬라이더가 활성 슬라이더에 activePage 클래스를 추가하는 것으로 나타났습니다. 이를 사용하여 현재 슬라이드에 액세스 할 수 있습니다.

편집 : 모티의 의견입니다.

var holder = $('#slide-change'); //'cache' the object 
var mySlider = $('#slider').anythingSlider({ 
    onSlideComplete: function(slider){ 
     console.log(slider); //here you can investigate the slider object in your browser's console 
     holder.html(slider.$currentPage.attr('id')); 
    } 
});