從一個數組加載幻燈片圖像

Question

我滑動一些圖像，其中的路徑是從HTML給出的問題，並在JavaScript代碼中爲所有這些圖像做了一個。我的問題是：如何顯示陣列中的第一個圖像並通過點擊下一個按鈕來切換第二，第三等？現在它只顯示第四個圖像。

這裏是我的代碼和一個小提琴：

http://jsfiddle.net/U2T63/

function clickNextHandler(e) 
{ 
    if(progress <= 3){ 
    shuffle(); 
    } 
    CheckAnswer(); 
    pixie.src = "res/pixiDreapta.svg"; 
    updateBubble(bubbles); 
    nextBtn.disabled = true; 

    if(progress == 4) 
    { 
     updateBubble(4); 
     $(Objects).off('click'); 
     resetBtn.disabled = false; 
    } 
    svgItem.setAttribute("display", "none"); 
}; 

Answer 1

我做你的代碼有點tweek，它應該幫助你：

var imgs = $('.eticheta'); 
imgs.hide(); 
$(imgs.get(0)).show(); 

$('.nextButton').on('click', function(){ 
    var visible = $('.eticheta:visible') 
     , next = visible.next(); 

    visible.hide(); 

    if ($(next.get(0)).hasClass('eticheta') === false) { 
     next = $('.eticheta:first');   
    } 

    next.show(); 
}); 

http://jsfiddle.net/U2T63/1/

如果而不是將圖像重置爲第一個圖像螞蟻禁用該按鈕，您應該將if語句中的代碼替換爲：

$('.nextButton').prop('disabled', true);