上一張幻燈片和自動播放Jquery滑塊，

Question

我試圖弄清楚如何製作一個jQuery滑塊，我得到了2個主要問題。

LIVE DEMO

問題1 上一頁滑動。 它會去上一張幻燈片，但是在clickCount == slider.length之後，它會消失。

//previous 

$("#previous").click(function(){ 
    if(clickCount < slider.length) 
      slider.eq(clickCount--).hide(); 

    if(clickCount == slider.length) 
     clickCount = 0; 
     slider.eq(clickCount).show(); 
}) ; 

問題2 自動播放 我自動播放的邏輯是不工作...

//autoplay 


$(document).ready(function(){ 
var presentSlide = 0 

    if(presentSlide < slider.length) 
      slider.eq(presentSlide++).fadeOut(600); 
    if(presentSlide == slider.length) 
     presentSlide = 0; 
     slider.eq(clickCount).fadeIn(600); 
}) ; 

Answer 1

問題1：

你必須檢查clickCount比next按鈕不同：

$("#previous").click(function(){ 
    if(clickCount >= 0) 
      slider.eq(clickCount--).hide();    
    if(clickCount < 0) 
     clickCount = slider.length-1; 
     slider.eq(clickCount).show(); 
}) ; 

問題2：

對於自動播放，爲什麼你不只是每X秒clicknext按鈕？

$(document).ready(function(){ 
    setInterval(function(){ 
      $("#next").click(); 
     },5000); //every 5000 ms (5 seconds) 
}) ; 

FIDDLE