从指定图像开始并单击随机化

Question

我希望有一个特定的图像显示，并允许用户点击它和图像更改，有点像鼠标悬停效果。但是，我希望它显示来自集合列表的随机图像。每次刷新都会发生一次，并且完成。我希望它不可逆转。

我正在使用它的是随机抽取图像。我从卡的背面开始，并且在点击时有很多可能出现。

谢谢！

Answer 1

根据我的理解，这是您需要的基本代码

<img src="img/BackOfCard.jpg" onClick="Randomize(this)" />
<input type="hidden" value="1" id="onlyOnce">
<script type="text/javascript" language="javascript">
function Randomize(obj) {
  onlyOnce = document.getElementById("onlyOnce");
  if (onlyOnce.value=="1") {
    var n = Math.round((100*Math.random())+0.5);
    var urls = ["url1.png","url2.png","and so on"];
    obj.src = urls[n];
    onlyOnce.value="0";
  }
}
</script>

这假定您有一个名为“img”的文件夹，其中卡片图像的背面和所有卡片面都存储在那里。卡面将以Ace = 1.jpg，2 = 2.jpg，3 = 3.jpg，King = 13.jpg等格式存储。