Image SliderのJS Whileステートメント

Question

クリックすると小さなボタンをクリックして画像スライダーを作成しようとしていますが、これは適切なスライドを表示します。だから、ボタン＃3をクリックすると、スライド＃3 ...かなり標準的なものが表示されます。私はそこにいくつのスライドがあるかを検出し、等しい数のボタンを表示するためにJavaScriptを使用しています。しかし、今、私はどのようにボタンをスライドに接続して、ユーザーが1つをクリックしたときに適切なスライドが表示されるようにするのか分かりません。私はこれがかなり単純な作業でなければならないことを知っています、私はそれを設定する方法を理解できません。

私のスクリプトは次のようになります。

<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もあり、3番目のスライドは＃slide_2です。 .slider_bulletsは、私が話していたボタンです。あなたは、それらのそれぞれに固有の指定されたIDを与えていることに気付くでしょう。また、関連するスライドを参照します。

Answer 1

これは私が使用するものです。 $(".slider_bullets a").click(function(){ $(".slider_class").hide(); $("#slide_"+$(this).index()).show(); });