Javascript：如何按順序先照片？

Question

共有3張圖片。我想讓他們按順序呈現，這將是：圖片A（點擊） - 圖片B（點擊圖片C）。但現在情況是當我點擊圖片A時，它跳到圖片C，跳過圖片B.誰能告訴我什麼是我的編碼？

非常感謝。

var pic_one = "./img/oneblur.png";//pic B 
var pic_two = "./img/twoblur.png";//pic C 
var pic = [pic_one, pic_two] 
var change = document.getElementById("zero");//pic A 
function changePic() { 
    for (var k = 0; k < pic.length; k++) { 
    change.setAttribute("src", pic[k]); 
    console.log(k); 
} 
} 
change.addEventListener("click", changePic, false); 

Answer 1

隨着您的代碼，您立即將圖像更改爲B，然後點擊一下C。試試這個代碼：

var pic_one = "./img/oneblur.png";//pic B 
var pic_two = "./img/twoblur.png";//pic C 
var pic = [pic_one, pic_two] 
var change = document.getElementById("zero");//pic A 
function changePic() { 
    k = change.getAttribute("src") == pic[0] ? 1 : 0; 
    change.setAttribute("src", pic[k]); 
    console.log(k); 
} 
change.addEventListener("click", changePic, false); 

它檢查現在顯示的圖像，並正確設置變量k。