Question

有3张照片。我希望按顺序显示它们：pic A（点击）-pic 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。

Javascript：如何按顺序预览图片？

1 个答案: