JS虽然在图像滑块

Question

声明我试图建立一个图像滑块与底部的小按钮，你可以点击，它会显示适当的幻灯片。所以如果你点击按钮＃3，它会显示幻灯片＃3 ...非常标准的东西。我使用JavaScript来检测有多少幻灯片，并显示相同数量的按钮。但是现在我无法弄清楚如何将按钮连接到幻灯片，以便当用户点击幻灯片时，它将显示适当的幻灯片。我知道这肯定是一个非常简单的任务，我只是无法弄清楚如何设置它。

我的剧本是这样的：

<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是我已经应用到每个幻灯片的一类。每张幻灯片还有一个从零开始的数字ID，以便第三张幻灯片是＃slide_2。 .slider_bullets是我正在谈论的按钮。你会注意到我给每个人都提供了一个唯一的指定ID，并且引用了它们所关联的幻灯片。

Answer 1

这是我会用的。 $(".slider_bullets a").click(function(){ $(".slider_class").hide(); $("#slide_"+$(this).index()).show(); });