Javascript 尝试将随机图像与其他随机图像交换

我有一些李的，每个里面都有一个图像。前三个是可见的，其余的是隐藏的。我想做的是隐藏一个可见的图像（一个随机的图像-该位有效…），用一个隐藏的图像替换该图像并再次显示，但我似乎无法使其再次可见。这是密码笔：

HTML:

JS:

---

我做错了什么？

您没有正确设置img标签上的src属性。更改：

$(imageDisplayed).attr("src") = srcNotDisplayed;
$(imageNotDisplayed).attr("src") = srcDisplayed;

进入：

---

您没有正确设置img标记上的src属性。更改：

$(imageDisplayed).attr("src") = srcNotDisplayed;
$(imageNotDisplayed).attr("src") = srcDisplayed;

进入：

window.setInterval(function(){swapImage()},1000);

function swapImage() {

  /* select random image that is currently displayed */
 ins = $('.imageIn > img');
 var imageDisplayed = $(ins[Math.floor(Math.random()*ins.length)]);

  /* select random image that is NOT currently displayed */
  outs = $('.imageOut > img');   
  var imageNotDisplayed = $(outs[Math.floor(Math.random()*outs.length)]);

  /* switch displayed image to visibility:hidden */
  $(imageDisplayed).css("visibility", "hidden");

  /* SWAP src of imageDisplayed with that of imageNotDisplayed */
  var srcDisplayed = $(imageDisplayed).attr("src");
  var srcNotDisplayed = $(imageNotDisplayed).attr("src");
  $(imageDisplayed).attr("src") = srcNotDisplayed;
  $(imageNotDisplayed).attr("src") = srcDisplayed;

  /* switch to visibility:visible */
  $(imageDisplayed).css("visibility", "visible");

}

$(imageDisplayed).attr("src") = srcNotDisplayed;
$(imageNotDisplayed).attr("src") = srcDisplayed;

$(imageDisplayed).attr("src", srcNotDisplayed);
$(imageNotDisplayed).attr("src", srcDisplayed);