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を適切に設定します。