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(); });