이미지 슬라이더의 JS While 문

Question

이미지 하단에 작은 버튼이있는 이미지 슬라이더를 클릭하면 해당 슬라이드가 표시됩니다. 그래서 버튼 3 번을 클릭하면 슬라이드 # 3 ... 예쁜 표준 물건이 보일 것입니다. 나는 얼마나 많은 슬라이드가 있는지 감지하고 동일한 수의 버튼을 표시하기 위해 자바 스크립트를 사용하고 있습니다. 하지만 이제는 슬라이드에 단추를 연결하는 방법을 알 수 없으므로 사용자가 하나를 클릭하면 적절한 번호 슬라이드가 표시됩니다. 이 작업은 꽤 간단한 작업이어야한다는 것을 알고 있습니다. 설정하는 방법을 알 수 없습니다.

내 스크립트는 다음과 같습니다

<script> 
     $(document).ready(function() { 
      var count = $(".slider_class").length; 

      $("#slide_0").show(); 

      var i=0; 
      while (i < count){ 
       $(".slider_bullets").append('<a href="#" id="bullet_link_' + i +'"><img src="img/slider_down.png" alt="slider_down" />'); 
       i++; 
      } 
     }); 
     </script> 

.slider_class 내가 각 슬라이드에 적용한 클래스입니다. 각 슬라이드에는 0에서 시작하는 숫자 ID가 있으므로 세 번째 슬라이드는 # slide_2입니다. .slider_bullets는 내가 말하고있는 버튼입니다. 각 슬라이드에 연결된 슬라이드를 참조하는 고유 한 ID를 각 슬라이드에 부여했음을 알 수 있습니다.

Answer 1

이것은 내가 사용하는 것입니다. $(".slider_bullets a").click(function(){ $(".slider_class").hide(); $("#slide_"+$(this).index()).show(); });