0

我正在尝试随机替换网格中的图像。每次触发该功能时，新图像都会短暂闪烁（在 Chrome 中），但随后旧图像会重新出现。我知道为什么我会遇到这个问题有一个非常简单的解释，但当然，我无法弄清楚。任何帮助都将不胜感激。

有问题的网站是http://www.apocwords.net/systems/randomdungeon.html。如果您单击 Randomize Me! 一词，顶部、左侧、右侧和底部的块应切换到新的、随机选择的图像。

function createMe() { 
document.getElementById("left2").src = xLefts[Math.floor(Math.random()* xLefts.length)];
document.getElementById("left3").src = xLefts[Math.floor(Math.random()* xLefts.length)];
document.getElementById("left4").src = xLefts[Math.floor(Math.random()* xLefts.length)];
}

The HTML:
<img src="/images/templates/template_left_05.jpg" width="100" height="200" id="left2" class="template"/>
<img src="/images/templates/template_left_01.jpg" width="100" height="200" id="left3" class="template"/>
<img src="/images/templates/template_left_02.jpg" width="100" height="200" id="left4" class="template"/>

我确信有一百万种方法可以做我想做的事情，做得更好、更快、更有效。但是，我现在不在乎这些。我只是想知道为什么我正在尝试做的事情不起作用。提前致谢！

4

2 回答 2

0

您的问题是您的链接中有一个“href”属性。当您单击它时，您对同一页面发出新请求。您可以：

  1. 删除它并在链接上使用这个 css 属性来制作“手”指针。
  2. 使用这个 jQuery 方法
于 2013-05-06T20:30:37.010 回答
0

将随机链接更改为...

<a href="javascript:createMe(); return false;">Randomize Me!</a>
于 2013-05-06T20:43:37.807 回答