無限循環圖像Javascript

-4

我在製作一個迷你畫廊，可以展示我的作品。我想要發生的是，每當我點擊「右鍵」按鈕圖像，直到最後一張照片，它仍然會從頭開始重複圖像。我嘗試了if語句，但沒有任何反應。一點幫助將不勝感激，謝謝！無限循環圖像Javascript

$(function(){ 

var currIndex; 

//$("#header").hide(); 

$("ul li img").click(function() { 

    currIndex = $(this).parent(); 

    var selectsrc = $(this).attr("src"); 
    $("#display").attr("src", selectsrc); 

    $("#gray").slideDown(); 
    $("#white").fadeIn(); 
}); 

$("#gray").click(function(){ 
    $("#gray").slideToggle(); 
    $("#white").fadeOut(); 
}); 

$("#right").click(function(){ 

    var numOfItems = $("ul li img").length; 

    var nextIndex = currIndex.next(); 
    var nextImg = nextIndex.children("img").attr("src"); 
    $("#display").attr("src", nextImg); 
    currIndex = nextIndex; 

    if (currIndex == numOfItems-1){ 
     alert("HELLO"); 
     currIndex = 0; 
    } 

    else { 
     alert("HI"); 
     currIndex++; 
    } 


}) 



});

來源

2016-06-13 Naomi

'.next（）'：_獲取匹配元素集合中每個元素的緊隨其後的同胞。如果提供了一個選擇器，它只有在匹配該選擇器時才檢索下一個兄弟。它不是數字（索引）。 – melancia

'我嘗試了if語句，但沒有任何反應。你有警報，當然至少有一個發生了，或者錯誤到達了你的控制檯。 –

我沒有嘗試你的代碼，但它看起來像在右鍵功能...

if (currIndex == numOfItems-1){ 
    alert("HELLO"); 
    currIndex = 0; 
    } 
    else 
    { 
     alert("HI"); 
     currIndex++; 
    }

應該是...

currIndex++; 

    if (currIndex >= numOfItems){ 
    currIndex = 0; 
    }

和你左鍵點擊函數應該增加currIndex，加上你需要初始化爲零。 :-)

來源

2016-06-13 15:36:55 Klock

無限循環圖像Javascript

回答

相關問題